@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　Main Index
---------------------------------------*/

body.body-top {
	background: url(img/mv-top.png) no-repeat top;
	background: none;
	position: relative
}
body.body-top::before {
	content: '';
	width: 100%;
	min-width: 1100px;
	height: 500px;
	background: url(https://www.tsukuba-bunjonavi.net/wp/wp-content/uploads/mv_left2.png) left center no-repeat, url(https://www.tsukuba-bunjonavi.net/wp/wp-content/uploads/mv_right2.png) right center no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}

#contents {
  width: 100%;
}
.addInner {
	width: 1100px;
	margin: 0 auto;
}


#index h2 {
    font-weight: 500;
	margin: 0 auto 30px;
	font-size: 3.2rem;
}



/*--------------------------------------
　visArea
---------------------------------------*/
#visArea {
	margin: 0 auto 20px;
}
#visArea .mainArea {
	background: none;
	min-height: 350px;
	height: auto;
	margin: 0 auto;
}
#visArea .mainArea .siteNameArea {
	margin: 0 auto;
	text-align: center;
}
#visArea .mainArea .siteName {
	font-size: 4.0rem;
	margin: 0 auto;
	margin-top: 1.5rem;
}
#visArea .mainArea .siteName img {
	margin: 0 auto;
	width: 199px;
}
#visArea .mainArea .siteNameSmall {
	font-size: 1.6rem;
}
#visArea .mainArea .mainTxtBox {
	width: 497px;
	margin: 0 auto;
	padding: 1rem 2rem;
	background: rgb(255 255 255 / 72%);
}
#visArea .mainArea .catchArea {
}
#visArea .mainArea .catchArea .catch {
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
	color: #e55c40;
	margin: 0 0 1.5rem;
}
#visArea .mainArea .txtArea {font-size: 1.5rem;color: #333;text-align: center;}


/*  btns*/
#visArea .btn-internal {
	max-width: 100%;
	text-align: center;
	margin: 20px auto;
	padding: 0;
	width: 450px;
	position: relative;
	cursor: pointer;
}
#visArea .btn-internal:after{
	content: '';
	display: block;
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	border: 1px solid #45cea9;
	border-width: 0 1px 1px 0;
	border-radius: 45px;
	position: absolute;
	right: -7px;
	bottom: -7px;
	transition: 0.2s;
}

#visArea .btn-internal:hover:after {
	content: '';
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
}
#visArea .btn-internal a:hover {
	opacity: inherit;
}
#visArea .btn-internal:hover a {
  -webkit-transform: translate(7px,7px) translateZ(0);
  -moz-transform: translate(7px,7px) translateZ(0);
  -ms-transform: translate(7px,7px) translateZ(0);
  -o-transform: translate(7px,7px) translateZ(0);
  transform: translate(7px,7px) translateZ(0);
  box-shadow: none;
}
#visArea .btn-internal a {
	display: block;
	padding: 22px 45px 22px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	border-radius: 45px;
	transition: 0.2s;
	-webkit-transform: translate(0px,0px) translateZ(0);
	-moz-transform: translate(0px,0px) translateZ(0);
	-ms-transform: translate(0px,0px) translateZ(0);
	-o-transform: translate(0px,0px) translateZ(0);
	transform: translate(0px,0px) translateZ(0);
	border-spacing: 0;
	border-collapse: separate;
	width: 100%;
	z-index: 10;
	position: relative;
	box-shadow: 6px 6px #fff;
}
#visArea .btn-internal a {
	background: #45cea9;
}

#visArea .btn-internal a {
	padding: 2rem 4.5rem;
	background: #45cea9 url(img/arrow_white_down.png) no-repeat right 1.5rem center;
    background-size: 12px;
}

/*--------------------------------------
　footer
---------------------------------------*/
footer .areaInner .logo a {
	/*pointer-events: none;*/
}



/*--------------------------------------
　float img
---------------------------------------*/
.float-wrap .fl{
width: 400px;
margin: 0 40px 10px 0;
text-align: center;
}
.float-wrap .fr{
width: 400px;
margin: 0 0 10px 40px;
}
.float-wrap .ct{
width: 600px;
}



/*--------------------------------------
　box-wrap
---------------------------------------*/
#contents .box-wrap .box {
	width: 519px;
}

/*type-a*/
#contents .box-wrap .type-a .box-body p {
	width: 399px;
}
/*type-b*/
#contents .box-wrap .type-b {
	padding: 30px 20px 0;
}



/*--------------------------------------
　frame-wrap
---------------------------------------*/
#contents .frame {
	width: 350px;
	margin: 0 0 0 25px;
}
#contents .frame-wrap .frame:nth-child(n+4) {
  margin-top: 25px;
}

#contents .frame .frame-body {
	padding: 0 30px 35px;
}

/*type-a*/
#contents .frame-wrap .type-a .frame-catch {
	padding: 20px 40px 20px;
}
#contents .frame-wrap .type-a .frame-head {
	padding: 20px 30px 20px;
    text-align: center;
}
#contents .frame-wrap .type-a .thumb {
	width: 250px;
}
#contents .frame-wrap .type-a ul.icoArea {
	width: 288px;
}
#contents .frame-wrap .type-a ul.icoArea li {
	width: 88px;
	margin: 0 0 0 12px;
}
#contents .frame-wrap .type-a ul.icoArea li:first-child {
	margin: 0	0	0	0;
}
#contents .frame-wrap .type-a ul.icoArea li:nth-child(3n+1) {
	margin: 0	0	0	0;
}
#contents .frame-wrap .type-a ul.icoArea li:nth-child(n+4) {
  margin-top: 18px;
}

/*type-b*/
#contents .frame-wrap .type-b .frame-head {
	padding: 20px 30px 20px;
}
#contents .frame-wrap .type-b .thumb {
	width: 250px;
}

/*type-c*/
#contents .frame-wrap .type-c .frame-head {
	padding: 20px 30px 20px;
}
#contents .frame-wrap .type-c .thumb {
	width: 180px;
}

/*btn-web*/
#contents .frame .frame-body .btn-web {
	width: 88%;
}



/*--------------------------------------
オリジナル
---------------------------------------*/

/***** addParts01 *****/

.addParts01 {
	width: 100%;
	margin: 0 0 90px;
}
.addParts01 .addInner {
	width: 1100px;
	margin: 0 auto;
}
.addParts01 p {
	margin: 0;
}
.addParts01 .aadPartsTit {
	text-align: center;
}
.addParts01 .block {
	width: 352px;
	margin: 0 0 0 22px;
	float: left;
}
.addParts01 .block:first-child {
	margin: 0	0	0	0;
}
.addParts01 .block:nth-child(3n+1) {
	margin: 0	0	0	0;
}
.addParts01 .block:nth-child(n+4) {
  margin-top: 22px;
}
.addParts01 .block .catch {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 12px 10px;
	margin: 0 0 10px;
	display: table;
	width: 100%;
}
.addParts01 .block .catch span {
	display: table-cell;
	vertical-align: middle;

	color: inherit;
	border-bottom: none;
	font-weight: inherit;
}
.addParts01 .block a {
	display: block;
}
.addParts01 .scrollArea {
	padding: 20px 20px 25px;
	position: relative;
}
.addParts01 .scrollArea::after {
	content: "";
	width: 30px;
	height: 30px;
	background: url("img/scroll_arrow.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: calc(50% - 15px);
	bottom: -15px;
}
.addParts01 .scrollArea .priceArea {
	display: table;
	margin: 0 0 12px;
}
.addParts01 .scrollArea .priceArea .priceTit {
	display: table-cell;
	vertical-align: middle;
	width: 56px;
	font-size: 1.3rem;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	background-color: #333;
	padding: 7px 10px 8px;
}
.addParts01 .scrollArea .priceArea .price {
	display: table-cell;
	vertical-align: middle;
	width: 256px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-align: center;
	color: #8c8200;
	background-color: #fff;
	padding: 7px 10px 8px;
}
.addParts01 .scrollArea .priceArea .price span {
	font-size: 1.4rem;
	color: #333;
	padding: 0 0 0 5px;
	font-weight: inherit;
	border-bottom: none;
}
.addParts01 .scrollArea .companyName {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}


/***** addParts02 *****/

.addParts02 {
	width: 100%;
	background-color: #fdfcd9;
	padding: 100px 0;
	position: relative;
}
.addParts02::before {
	content: "";
	width: 230px;
	height: 230px;
	background: url("img/parts02_circle.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: -40px;
	left: -30px;
}
.addParts02 .addInner {
	width: 1100px;
	margin: 0 auto;
}
.addParts02 p {
	margin: 0;
}

/*addTopArea*/
.addParts02 .addTopArea {
	padding: 0 150px;
	margin: 0 auto 70px;
}

/*sttl*/
#index .addParts02 .sttl {
	display: block;
	font-size: 3.0rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	background: url("img/parts02_tit_ico.png") center bottom no-repeat;
	background-size: 43px auto;
	padding: 0 0 70px;
	margin: 0 0 30px;
	position: relative;
}

/*block*/
.addParts02 .block {
	background-color: #fff;
	padding: 60px 0 40px;
	margin: 0 0 60px;
	position: relative;
    z-index: 2;
}
.addParts02 .block::before {
	content: "";
	width: 2px;
	height: 270px;
	background: url("img/parts02_dotline01.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: -40px;
	right: 80px;
}
.addParts02 .block::after {
	content: "";
	width: 231px;
	height: 232px;
	background: url("img/parts02_dotline02.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: -60px;
	bottom: -20px;
}
.addParts02 .block:last-child {
	margin: 0;
}
.addParts02 .blockTitArea {
	text-align: center;
	padding: 0 150px;
	margin: 0 0 40px;
}
.addParts02 .blockTitSub {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.03em;
	text-align: center;
	margin: 0 0 10px;
}
#index .addParts02 .blockTit {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.03em;
	text-align: center;
	padding: 0 0 25px;
	position: relative;
}
#index .addParts02 .blockTit::after {
	content: "";
	width: 50px;
	height: 3px;
	background: #e6dc14;
	position: absolute;
	left: calc(50% - 25px);
	bottom: 0;
	top: inherit;
	right: inherit;
	z-index:auto;
	transform: none;
}

/*slideTxtArea*/
.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 .slideTit {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 8px;
}
.addParts02 .slideTxt {
	line-height: 1.6;
}
/*テキスト動き*/
.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 .priceIcoArea {
	width: calc(100% - 80px);
	height: 100%;
	overflow: hidden;
	padding: 50px 0;
	margin: 0 auto 50px;
	position: relative;
}
.addParts02 .priceIcoArea::before {
	content: "";
	background:linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size:6px 1px;
	width: 100%;
  height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.addParts02 .priceIcoArea::after {
	content: "";
	background:linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size:6px 1px;
	width: 100%;
  height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	visibility: visible;
}
.addParts02 .priceIcoArea .priceArea {
	width: 340px;
	background-color: #f5f5dc;
	padding: 20px 20px 12px;
	float: left;
}
#contents .addParts02 .priceIcoArea .priceArea .priceTit {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	max-width:inherit;
	padding: 15px 10px 0;
	letter-spacing: normal;
}
.addParts02 .priceIcoArea .priceArea .price {
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-align: center;
	color: #8c8200;
	background-color: #fff;
	padding: 3px 10px 15px;
	margin: 0 0 15px;
}
.addParts02 .priceIcoArea .priceArea .price span {
	font-size: 1.8rem;
	color: #333;
	padding: 0 0 0 5px;
	font-weight: inherit;
	border-bottom: none;
}
#contents .addParts02 .priceIcoArea .priceArea ul {
}
#contents .addParts02 .priceIcoArea .priceArea ul li {
	line-height: 1.5;
	padding: 0 0 12px 18px;
	position: relative;
}
#contents .addParts02 .priceIcoArea .priceArea ul li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.addParts02 .priceIcoArea .icoArea {
	width: 640px;
	float: right;
}
.addParts02 .priceIcoArea .icoArea li {
	width: 192px;
	margin: 0 0 0 32px;
	float: left;
}
.addParts02 .priceIcoArea .icoArea li:first-child {
	margin: 0	0	0	0;
}
.addParts02 .priceIcoArea .icoArea li:nth-child(3n+1) {
	margin: 0	0	0	0;
}
.addParts02 .priceIcoArea .icoArea li:nth-child(n+4) {
  margin-top: 40px;
}
.addParts02 .priceIcoArea .icoArea li .icoSet {
	text-align: center;
	margin: 0 0 25px;
}
.addParts02 .priceIcoArea .icoArea li .icoSet .ico {
	width: 80px;
	margin: 0 auto;
}
#contents .addParts02 .priceIcoArea .icoArea li .icoSet .icoTxt {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	padding: 20px 0 10px;
	position: relative;
	letter-spacing: normal;
}
#contents .addParts02 .priceIcoArea .icoArea li .icoSet .icoTxt::after {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #e6dc14;
	position: absolute;
	left: 0;
	bottom: 0;
	top: inherit;
	right: inherit;
	z-index: auto;
}

.addParts02 .infoArea {
	clear: both;
	width: 100%;
	padding: 0 40px;
	margin: 0 0 60px;
}
#contents .addParts02 .infoArea .infoTit {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 45px;
}
.addParts02 .infoArea .infoBox {
}
.addParts02 .infoArea .infoBox .mapArea {
	width: 380px;
	float: left;
}
.addParts02 .infoArea .infoBox .mapArea .map {
}
.addParts02 .infoArea .infoBox .mapArea .map iframe {
}
#contents .addParts02 .infoArea .infoBox table {
	width: 600px;
	margin: 0;
	float: right;
}
#contents .addParts02 .infoArea .infoBox table th {
	width: 25%;
}
#contents .addParts02 .infoArea .infoBox table td {
}

/*btn*/
#contents .addParts02 .btn-web {
}
#contents .addParts02 .btn-web a {
}
#contents .addParts02 .btn-tel {
}
#contents .addParts02 .btn-tel a {
}


/***** addParts02 *****/

.addParts03 {
	width: 100%;
	margin: 100px 0 125px;
}
.addParts03 .addInner {
	width: 1100px;
	margin: 0 auto;
}
.addParts03 p {
	margin: 0;
}

.addParts03 .addTopArea {
	width: 100%;
	margin: 0 0 60px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.addParts03 .addTopArea .addTopPic {
	width: 450px;
	margin: 2rem auto 3rem;
	position: relative;
	order: 2;
}
.addParts03 .addTopArea .addTopPic::before {
	content: "";
	width: 155px;
	height: 153px;
	background: url("img/parts03_circle.png") no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: -50px;
	right: 20px;
}
.addParts03 .addTopArea .addTopTxt {
	width: 100%;
	order: 1;
}
#contents .addParts03 .addTopArea .sttl {
	display: block;
	font-size: 2.9rem;
	line-height: 1.5;
	text-align: left;
	background-size: 40px auto;
	padding: 0 0 7px;
	margin: 0 0 25px;
	position: relative;
	font-family: 'Kosugi Maru';
}
.addParts__title--model-house-catch{
    font-weight: 500;
}
.addParts03 .addTopArea .addTxt {
}
.addParts03 .addTopArea .addTxt span{
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #e6dc14;
}
.addParts03 .personMainArea {
	width: 100%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 25px 40px;
	margin: 0 0 80px;
	position: relative;
}
.addParts03 .personMainArea .subTxt {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	background-color: #f5f5dc;
	background: url("img/parts03_sub_dot01.png") left top repeat-x,
	url("img/parts03_sub_dot01.png") left bottom repeat-x,
	url("img/parts03_sub_dot02.png") left top repeat-y,
	url("img/parts03_sub_dot02.png") right top repeat-y #f5f5dc;
	padding: 15px 20px;
	position: absolute;
	top: -20px;
	right: 20px;
}
.addParts03 .personMainArea .personBox {
	display: table;
}
.addParts03 .personMainArea .personBox .pic {
	display: table-cell;
	vertical-align: middle;
	width: 150px;
}
.addParts03 .personMainArea .personBox .pic img {
	border-radius: 100px;
}
.addParts03 .personMainArea .personBox dl {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 190px);
	padding: 0 0 0 40px;
}
.addParts03 .personMainArea .personBox dl dt {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	color: #8c8200;
	margin: 0 0 20px;
}
.addParts03 .personMainArea .personBox dl dt span {
	font-size: 1.6rem;
	color: #333;
	font-weight: inherit;
	border-bottom: none;
}
.addParts03 .personMainArea .personBox dl dd {
}
.addParts03 .interviewTitArea {
	display: table;
	background-color: #f5f5dc;
	position: relative;
	margin: 0 0 10px;
}
.addParts03 .interviewTitArea::before {
   content: "";
   position: absolute;
   background: #f5f5dc;
   top: 0;
	 right: 100%;
   bottom: 0;
   width: 9999px;
}
.addParts03 .interviewTitArea::after {
   content: "";
	 width: 2px;
	 height: 234px;
	 background: url("img/parts03_dotline01.png") no-repeat;
   position: absolute;
   top: 60px;
   left: -70px;
}
#contents .addParts03 .interviewTitArea .interviewTit {
	display: table-cell;
	vertical-align: middle;
	width: 220px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
	padding: 25px 15px;
	position: relative;
}
#contents .addParts03 .interviewTitArea .interviewTit:after {
   content: "";
	 width: 149px;
	 height: 24px;
	 background: url("img/parts03_eng.png") no-repeat;
	 background-size: 100% auto;
   position: absolute;
   top: -10px;
   left: 10px;
	z-index: inherit;
	transform: none;
}
.addParts03 .interviewTitArea .interviewTxt {
	display: table-cell;
	vertical-align: middle;
	width: 880px;
	font-size: 1.8rem;
	border-left: 2px solid #fff;
	padding: 35px 50px;
}
.addParts03 .personArea {
	margin: 0 0 80px;
}
.addParts03 .personArea .personBox {
	display: table;
	padding: 30px 10px;
	position: relative;
}
.addParts03 .personArea .personBox::after {
	content: "";
	background:linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size:6px 1px;
	width: 100%;
  height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.addParts03 .personArea .personBox .pic {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
}
.addParts03 .personArea .personBox .pic img {
	border-radius: 100px;
}
.addParts03 .personArea .personBox dl {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 150px);
	padding: 0 0 0 30px;
}
.addParts03 .personArea .personBox dl dt {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	color: #8c8200;
	margin: 0 0 12px;
}
.addParts03 .personArea .personBox dl dd {
	position: relative;
	margin: 0 0 10px;
}

.addParts03 .summaryArea {
	width: 100%;
	background: url("img/parts03_summary_bg.png") left top repeat;
	padding: 50px 50px 50px;
	margin: 0 0 60px;
}
#contents .addParts03 .summaryArea .summaryTit {
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	background: url("img/parts03_summary_ico.png") center bottom no-repeat;
	background-size: 70px auto;
	padding: 0 150px 80px;
	margin: 0 0 30px;
	position: relative;
}
#contents .addParts03 .summaryArea .summaryTit span {
	font-size: 2.6rem;
	padding: 0 8px;

	font-weight: inherit;
	color: inherit;
	border-bottom: none;
}
.addParts03 .summaryArea .txtArea {
	width: 100%;
	background-color: #fff;
	padding: 40px;
}
.addParts03 .summaryArea .txtArea .catch {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 25px;
}
.addParts03 .summaryArea .txtArea .txt {
}

.addParts03 .btnArea {
	width: 1020px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#contents .addParts03 .btnArea .btn-internal {
	margin: 0 auto;
}
#contents .addParts03 .btnArea .btn-internal a {
	padding: 22px 70px 22px;
}
#contents .addParts03 .btnArea .btn-internal:nth-of-type(1) a {
	background: url("img/arrow_black.png") right 15px center no-repeat,
	url("img/parts03_summary_num01.png") 25px center no-repeat;
	background-size: 7px auto,auto 24px;
}
#contents .addParts03 .btnArea .btn-internal:nth-of-type(2) a {
	background: url("img/arrow_black.png") right 15px center no-repeat,
	url("img/parts03_summary_num02.png") 25px center no-repeat;
	background-size: 7px auto,auto 24px;
}


/* addParts--summary */
.addParts--summary {
	margin: 80px auto 12rem;
}
#index h2.addParts__title--summary {
    font-weight: 500;
	font-size: 3.6rem;
}
#index h2 .addParts__title--summary_st {
	font-size: 3.6rem;
    font-weight: 500;
    color: #e55c40;
    border-bottom: none;
}


#contents .addParts__txt--intr {
	text-align: center;
	margin: 0 auto;
	font-size: 1.5rem;
}
#contents .addParts__txt--intr + .addParts__txt--intr {
	margin-top: 1rem;
}
.addParts__addParts01--summary {
	margin: 3.5rem auto 3rem;
}
.addParts--summary .addInner--summary {
	width: 920px;
}
.addParts--summary .block--summary {
	width: 446px;
    background: url(img/box-head-area_bk.png) no-repeat;
}
.addParts--summary .block--summary:nth-of-type(2n) {
	float: right;
}
 #contents h3.catch.catch--summary{
	font-size: 2.5rem;
	color: #333;
	font-weight: 500;
	border: none;
	display: block;
	margin: 3.5rem auto 1rem;
	padding: 0 7rem;
	text-align: center;
	position: relative;
}

.addParts--summary .block .catch span {
    display: block;
}
.addParts--summary .scrollArea {
    background-size: cover;
    padding: 1rem 3rem;
}
.addParts--summary .scrollArea::after {
	content: none;
}
#contents .addParts--summary .scrollArea .companyName {
	font-weight: normal;
	font-size: 1.5rem;
    line-height: 1.5;
    text-align: left;
	margin: 0 auto 1rem;
}
.scrollArea__link--summary {
	color: #ff7350;
	font-size: 1.8rem;
	text-decoration: underline;
	padding: 0 0 0 2.5rem;
	background: url(img/ico_arrow2.png) no-repeat top 7px left;
	background-size: 1.8rem auto;
}
.scrollArea__link--summary + .scrollArea__link--summary {
	margin-top: 1rem;
}
.addParts__comment-box--summary {
	background: #f5f5f5;
	width: 920px;
	margin: 0 auto 4.5rem;
	max-width: 100%;
	padding: 1rem 1.5rem;
}
#contents .addParts__comment--summary {
	font-size: 1.2rem;
	color: #333;
	margin: 0 auto;
}
#contents .addParts__comment--summary + .addParts__comment--summary {
	margin-top: .5rem;
}
.addParts__area--summary {
	margin: -.8rem auto 0;
	padding: 6.3rem 0 0;
	width: 1000px;
	max-width: 100%;
	text-align: center;
}
.addParts__area--summary.nishiakashi,
.addParts__area--summary.okubo {
	margin-top: 10rem;
}
#contents h2.addParts__area__title,
#contents h2.addParts__area__title2{
	margin: 0 auto 2.5rem;
}

.addParts__area__img {
    margin: 1.5rem auto;
    text-align: center;
}
.addParts__area__table-box-wrapper {
	margin: 3rem auto 0;
}
.addParts__area__table-icon-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 830px;
	max-width: 100%;
	margin: 3rem auto 1.5rem;
	align-items: center;
}
#contents .addParts__area__table-icon-box__ttl {
	margin: 0;
	width: 150px;
	flex-shrink: 0;
	font-size: 1.8rem;
	color: #333;
}
#contents .addParts__area__table-icon-box__list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	width: 635px;
	max-width: calc(100% - 180px);
}
#contents ul .addParts__area__table-icon-box__list-item {
    padding: 0;
    display: flex;
    align-items: center;
}
#contents ul .addParts__area__table-icon-box__list-item::before {
	content: none;
}
.addParts__area__table-icon-box__img {
	width: 46px;
}
#contents .addParts__area__table-icon-box__txt {
	margin: 0 0 0 1rem;
	font-size: 1.8rem;
	color: #000;
}
#contents .addParts__area__table-caption {
    padding-left: 50px;
	font-size: 1.2rem;
	color: #333;
	margin: 1rem auto;
    text-align: left;
}
.addParts__area__table-box {
	margin: 0 auto;
	width: 920px;
	max-width: 100%;
}
#contents .addParts__area__table {
	margin: 0;
	border: 3px solid #fff;
}
#contents .addParts__area__table .addParts__area__table__number {
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	border: 3px solid #fff;
	width: 8%;
}
/* #contents .addParts__area__table__company01 .addParts__area__table__number {
	background: #82c0ea;
}
#contents .addParts__area__table__company02 .addParts__area__table__number {
	background: #f29e83;
} */
#contents .addParts__area__table td {
	padding: 2rem 1.5rem;
	border: 3px solid #fff;
}
#contents .addParts__area__table__company01 td {
	background: #f1fcff;
}
#contents .addParts__area__table__company02 td {
	background: #fff1ec;
}
#contents .addParts__area__table .addParts__area__table__company-name {
	max-width: 30%;
	font-size: 1.8rem;
	color: #333;
}
#contents .addParts__area__table .addParts__area__table__company-name h3{
	font-size: 2rem;
	color: #e55c40;
	font-weight: bold;
    background: none;
}
#contents .addParts__area__table .addParts__area__table__icon-box-wrapper {
    padding: 2rem;
    width: 400px;
    max-width: 44%;
}
#contents .addParts__area__table .addParts__area__table__icon-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.addParts__area__table__icon {
	max-width: calc((100%-12rem)/5);
	width: 45px;
}
#contents .addParts__area__table .addParts__area__table__link {
    padding: 2rem 2rem 2rem 1.4rem;
}
#contents .addParts__area__table .btn-web {
	margin: 0 auto;
}
#contents .addParts__area__table .btn-web a {
	background: #ff7350 url(img/arrow_white.png) no-repeat right 1rem center;
}

/* addParts--detail */
.addParts--detail {
	position: relative;
	padding: 3rem 0 .5rem;
	margin: 15rem auto 12rem;
}
.addParts--detail::before,
.addParts--detail::after {
	content: '';
	width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.addParts--detail::before {
	height: 400px;
	top: -55px;
	background: url(img/addParts--detail_bk_top.png) no-repeat;
	background-size: cover;
}
.addParts--detail::after {
	height: 620px;
	bottom: 0;
	background: url(img/addParts--detail_bk_bottom.png) no-repeat;
	background-size: cover;
}
.addParts--detail .addTopArea {
	padding: 0 5rem;
	text-align: center;
	margin: 0 auto 3.5rem;
}
.addParts__title-catch--detail {
	padding: 6rem 30rem 0;
	background: url(img/h2-icon.png) top center no-repeat;
	background-size: 73px;
	font-size: 2.8rem;
	font-weight: 500;
	font-family: 'Kosugi Maru', "游ゴシック", YuGothic, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #333;
	position: relative;
	margin: 0 auto 0.5rem;
}
.addParts__title-catch--detail::before,
.addParts__title-catch--detail::after {
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    background: #000;
    bottom: 1rem;
}
.addParts__title-catch--detail::before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 300px;
}
.addParts__title-catch--detail::after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 300px;
}
#contents .addParts--detail .addParts__title--detail {
	color: #e55c40;
	font-size: 3.6rem;
	background: none;
	padding: 0;
	margin: 0 auto 3.5rem;
}
.addParts--detail .block--detail {
	background: #fff;
	padding: 4.5rem 4rem 7rem;
	margin: 0 auto;
}
.addParts--detail .block--detail + .block--detail {
	margin: 8rem auto;
}
.addParts--detail .block--detail::before {
	content: none;
}
.addParts--detail .blockTitArea--detail {
	padding: 0;
	margin: 0 auto 3.5rem;
}
.addParts--detail .blockTitSub--detail {
	font-size: 2.2rem;
	color: #333333;
	font-family: 'Kosugi Maru', "游ゴシック", YuGothic, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	margin: 2rem auto 0;
}
.addParts--detail .blockTitSub--detail span{
    font-size: 3rem;
    color: #e55c40;
    border-bottom: none;
}
#contents .addParts--detail .blockTit--detail {
	color: #333333;
	font-size: 3.2rem;
	display: block;
	padding: 0 0 2rem;
}
#contents .addParts--detail .blockTit--detail::after {
	background: #ff7350;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.block__item--detail {
	margin: 0 auto 6rem;
}
.block__item--detail + .block__item--detail {
	margin-top: 6rem;
}
.block__item--detail.about {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 4rem;
}
.aboutBox--detail:nth-of-type(1) {
	width: 420px;
	max-width: 42%;
}
.aboutBox--detail:nth-of-type(2) {
	width: 570px;
	max-width: 56%;
}

/*--------------------------------------
  Slider
---------------------------------------*/
.slider-area-horizontal {
  max-width: 740px;
  margin: 0px auto 3rem;
}

.slider-area-horizontal .slider-for-horizontal {
  padding: 0;
  display: flex;
  justify-content: unset;
  align-items: unset;
}

.slider-area-horizontal .slider-for-horizontal div {
  padding: 0;
  background: none;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.slider-area-horizontal .slider-for-horizontal .slick-slide {
  flex-flow: column;
}

.slider-area-horizontal .slider-for-horizontal div img {
  margin: auto;
  max-width: 100%;
}

.slider-area-horizontal .slider-nav-horizontal .slick-track {
  height: 100px;
}

.slider-area-horizontal .slick-slider .slick-slide {
  padding: 0 .2rem;
}

.slider-area-horizontal .slider-nav-horizontal img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 1;
  cursor: pointer;
}

.slider-area-horizontal .slider-nav-horizontal img:hover {
  opacity: .6;
  cursor: pointer;
}

.slider-area-horizontal .caption {
  width: 90%;
  line-height: 1.4rem;
}

.slider-area-horizontal .slick-prev,
.slider-area-horizontal .slick-next {
  top: calc(50% - 25px);
  width: 40px;
  height: 40px;
  background: #666;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 0px #d4d4d4;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

.slider-area-horizontal .slick-prev {
  left: 0px;
}

.slider-area-horizontal .slick-next {
  right: 0px;
}

.slider-area-horizontal .slick-next::before,
.slider-area-horizontal .slick-prev::before {
  content: '';
  left: 0;
  right: 0;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  opacity: 1;
}

.slider-area-horizontal .slick-prev::before {
  transform: rotate(135deg);
  margin-left: 16px;
}

.slider-area-horizontal .slick-next::before {
  transform: rotate(-45deg);
  margin-right: 16px;
}
/*--------------------------------------
  Slider: END
---------------------------------------*/

.recommendBox--detail {
	background: #fdfdf1;
	margin: 0 auto 1rem;
}
#contents .recommendBox__title--detail {
	margin: 0;
	background: #fff2f0;
	padding: .5rem 1.5rem;
	font-size: 2rem;
	font-weight: 500;
	color: #e55c40;
	text-align: center;
	font-family: 'Kosugi Maru', "游ゴシック", YuGothic, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.recommendBox__body--detail {
	padding: 1.5rem 1.5rem 2.5rem;
}
.recommendBox__item--detail + .recommendBox__item--detail {
	border-top: 1px dashed #e55c40;
}
.recommendBox__item--detail {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	padding: 1.5rem 0;
}
.recommendBox__item--detail:first-child {
	padding-top: 0;
}
.recommendBox__item--detail:last-child {
	padding-bottom: 0;
}
#contents .recommendBox__item__area-name--detail {
	margin: 0;
	font-weight: bold;
	border: 1px dashed #ff7350;
	text-align: center;
	border-radius: 40px;
	background: #fff2f0;
	font-size: 1.6rem;
	color: #e55c40;
	padding: 1rem;
	width: 180px;
	line-height: 1.2;
}
#contents .recommendBox__item__area-catch--detail {
	margin: 0 0 0 2rem;
	font-size: 1.5rem;
	color: #333;
}
.recommendBox__item__area-catch--detail .text_marker--detail {
	font-size: 2.8rem;
	color: #e55c40;
	background: none;
}
.comeTrueBox--detail {
	background: #e7f4f7;
	padding: 1.5rem 2.2rem 2rem;
	width: 100%;
}
#contents .comeTrueBox__title--detail {
	margin: 1rem 0;
}
#contents .comeTrueBox__tag--detail {
	font-size: 1.4rem;
	font-weight: bold;
	color: #53b6c0;
	border: 1px solid #53b6c0;
	background: #fff;
	display: inline-block;
	padding: .3rem 0.6rem;
	margin: 1.1rem 0.8rem 0 0;
}

#contents .recommendBox__item--detail-reason{
	margin: 0;
	border: 1px dashed #ff7350;
	text-align: left;
	background: #ffffff;
	font-size: 1.6rem;
	color: #333333;
	padding: 0.5rem 1rem;
	line-height: 1.2;
}
#contents .recommendBox__item__area-name--detail-reason_ttl{
    border-bottom: 2px solid #333333;
    margin: 1rem 0;
    font-weight: bold;
}
.recommendBox__item__area-catch--detail-reason{
    font-weight: nomal;
}

.addParts--detail .btn-web a {
	background: #ff7350 url(img/arrow_white.png) no-repeat right 1.5rem center;
	padding: 2.2rem 3rem;
}

.block__item--detail.attraction {
	margin: 6.5rem auto 0;
}
#contents .addParts--detail .block__item__ttl {
	font-size: 2.8rem;
	color: #333;
	text-align: center;
	margin: 0 auto 3rem;
}
#contents .addParts--detail .block__item__ttl::before{
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 220px;
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    background: #333333;
    bottom: 0;
}
#contents .addParts--detail .block__item__ttl::after{
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 220px;
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    background: #333333;
    bottom: 0;
}
#contents .addParts--detail .block__item__point__item--attraction .block__item__ttl {
	margin: 5rem auto 0.5rem;
	max-width: 100%;
}
.block__item__example--attraction {
	padding: 2.5rem 3rem 3rem;
	background: #e9fbfe;
	margin: 0 auto 3.5rem;
}
.block__item__example__inner--attraction {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 1.5rem;
}
.block__item__example__img-box--attraction {
	max-width: calc((100%-3rem)/2);
	flex-shrink: 0;
	width: 465px;
	text-align: center;
}
.caption block__item__example__caption--attraction {
	color: #a2a2a2;
}
#contents .block__item__example__txt--attraction {
	margin: 0;
}
#contents .block__item__example__txt--attraction + .block__item__example__txt--attraction {
	margin-top: 1.5rem;
}
#contents .block__item__point--attraction {
	margin: 0 auto;
/* 	counter-increment: num; */
}
.block__item__point__item--attraction  + .block__item__point__item--attraction {
	margin-top: 4rem;
}
.block__item__point__ttl--attraction_catch {
	width: 100%;
	max-width: 100%;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	color: #e55c40;
	border-bottom: solid 1px #e55c40;
	padding: 2.5rem 2.0rem 2.5rem 1rem;
	margin: 0 auto 2.0rem;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#contents .block__item__point--attraction .block__item__point__ttl--attraction {
	width: 100%;
	max-width: 100%;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	color: #e55c40;
	border-bottom: solid 1px #e55c40;
	padding: 2.5rem 2.0rem 2.5rem 9.4rem;
	margin: 0 auto 2.0rem;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#contents .block__item__point--attraction .block__item__point__ttl--attraction::before {
    content: "";
    width: 77px;
    height: 49px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 49px;
    letter-spacing: 1px;
    text-align: center;
    color: #ff7350;
    background: url(img/rank_point.png) left center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    padding: 0;
}

@media all and (-ms-high-contrast:none) {
	#contents .block__item__point--attraction .block__item__point__ttl--attraction::after {
		font-size: 1.7rem;
	}
}
#contents .block__item__point__txt--attraction {
	margin: 0;
	font-size: 1.6rem;
}
#contents .block__item__point__txt--attraction + .block__item__point__txt--attraction {
	margin-top: 1.5rem;
}

#contents .addParts--detail .block__item__ttl--viral {
	font-size: 2.7rem;
	margin: 0 auto 3rem;
	padding: 0 2rem;
	font-weight: 500;
	width: fit-content;
	position: relative;
}

#contents .addParts--detail .block__item__ttl--viral::before{
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 0;
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    background: #333333;
    padding-top: 10px;
}

#contents .addParts--detail .block__item__ttl--viral::after{
    transform: rotate(30deg);
    right: 0;
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    background: #333333;
    padding-top: 10px;
}


#contents .frame-wrap--viral {
	margin: 0 auto;
	max-width: 1020px;
	padding: 0 3rem;
}
#contents .frame-wrap .type-c.frame--viral {
	background: #e7f4f7;
	position: relative;
    width: 48.5%;
}

#contents .frame-wrap .type-c .frame-head--viral {
	padding: 3rem 3.5rem 2rem;
	color: #53b6c0;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #53b6c0;
	margin: 0 auto 2.8rem;
	display: flex;
	align-items: center;
}
#contents .frame .frame-body--viral {
	padding: 0 2.5rem 2.5rem;
}
#contents .frame p.frame-caption--viral {
	margin: 1.5rem auto 0;
	padding: 0;
	color: #a2a2a2;
}

.block__item--detail.info {
	margin: 7rem auto 0;
	padding: 0;
}
#contents .addParts--detail .info .block__item__ttl {
    font-size: 2.6rem;
    margin: 0 auto 3.5rem;
}
.addParts02 .infoArea .infoBox .mapArea--detail {
	width: 360px;
}
#contents .addParts02 .infoArea .infoBox .block__item__info__teble {
	width: 565px;
}
#contents .addParts02 .infoArea .infoBox .block__item__info__teble th {
	color: #333;
}
.addParts--detail .block::after {
	content: none;
}


.addParts03 .summaryArea--detail {
	background: #faf8a5;
	padding: 2.2rem 4rem 4rem;
	margin: 0 auto 4.5rem;
}
#contents .addParts03 .summaryArea .summaryTit--detail {
	font-size: 2.8rem;
	color: #333;
	padding: 0 0 7rem;
	background-size: 82px auto;
	margin: 0 auto 3rem;
}
.addParts03.block--detail .summaryArea__txtArea--detail {
	padding: 3.5rem 2.5rem;
}
.addParts03.block--detail .summaryArea .txtArea .summaryArea__catch--detail {
	color: #ff7350;
	margin: 0 auto 2rem;
}
#contents .addParts--detail .btn-internal {
	margin: 0 auto 0.7rem;
}
.addParts--detail .btn-internal a {
	padding: 1rem 4.5rem;
	background: #02ade4 url(img/arrow_white2.png) no-repeat right 1.5rem center;
}

/* addParts--company-list */
.addParts--company-list {
	margin: 0 auto 12rem;
}
#contents .frame-wrap--company-list {
	margin: 7.5rem auto 0;
}
#contents .frame-wrap .type-b.frame--company-list {
	border: 1px solid #53b6c0;
}
#contents .frame-wrap .type-b .frame-head--company-list {
	text-align: center;
	font-weight: normal;
	font-size: 2rem;
	color: #333333;
	display: flex;
	align-items: center;
}
#contents .frame-wrap .type-b .frame-head--company-list a {
	text-align: center;
	color: #333333;
	background: url(img/arrow_black.png) right center no-repeat;
	background-size: 8px auto;
}
#contents .frame-wrap .type-b .frame-head--company-list::after {
	width: calc(100% - 40px);
	background: linear-gradient(to right, rgba(83, 182, 292, 1), rgba(83, 182, 292, 1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	background-size: 6px 1px;
	left: 20px;
}
#contents .frame-wrap .type-b .frame-body--company-list {
	padding: 0 2rem 2.5rem;
}
#contents .frame-wrap .type-b .frame-td__caption--company-list {
	text-align: left;
	margin: 1rem 0 0;
	padding: 0;
}


#index .accordion:hover,
#index .accordion .is-open:hover{
-webkit-transform: translate(7px,7px) translateZ(0);
  -moz-transform: translate(7px,7px) translateZ(0);
  -ms-transform: translate(7px,7px) translateZ(0);
  -o-transform: translate(7px,7px) translateZ(0);
  transform: translate(7px,7px) translateZ(0);
  box-shadow: none;
}

#index .accordion {
  display: block;
  position: relative;
  width: 450px;
  height: auto;
  margin: 2rem auto 0;
  padding: 3rem 4.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition:transform 0.2s;
  border: solid 1px #333333;
  background: #ffffff;
  border-radius: 45px;
  color: #333333;
  cursor: pointer;
  z-index: auto;
}

#index .accordion::before {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: #fff;
  color: #333333;
  font-size: 1.4rem;
  line-height: 18px;
  text-align: center;
  content: "＋";
}
#index .accordion::after {
  content: "もっと見る";
  display: block;
  text-align: center;
  font-weight: bold;
  white-space: pre-wrap;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    position: absolute;
    right: -7px;
    bottom: -17px;
}

#index .accordion span{
    display: block;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border: 1px solid #333333;
    border-width: 0 1px 1px 0;
    border-radius: 45px;
    position: absolute;
    right: -7px;
    bottom: -7px;
    z-index:-1;
}

#index .accordion:hover span{
    border:0;
}

#index .accordion.is-open::before {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: #fff;
  color: #333333;
  font-size: 1.4rem;
  line-height: 18px;
  text-align: center;
  content: "ー";
}
#index .accordion.is-open::after {
  display: block;
  text-align: center;
  content: "閉じる";
}



@media screen and (max-width: 480px) {
 #index .accordion {
    margin: 1rem auto 2rem;
    width: 90%;
    font-size: 1.5rem;
  }
  #index .accordionn:hover {
    opacity: 1;
  }
}



#contents .box-wrap.box-wrap--merit .box--merit{
     display: flex;
     align-items: center;
}
#contents .box-wrap.box-wrap--merit .box-head.box-head--merit{
     margin:0;
     width: 100%
}

/* addParts--liveability */
.addParts--liveability {
	margin: 0 auto;
	position: relative;
	background: #f4fcfd;
	padding: 7.5rem 0 10rem;
}
.addParts--liveability::before,
.addParts--liveability::after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.addParts--liveability::before {
    height: 40px;
    top: -40px;
    background: url(img/liveability_bk.png) no-repeat;
    background-size: cover;
}
.addParts--liveability::after {
    height: 50px;
    bottom: -50px;
    background: url(img/liveability_bk2.png) no-repeat;
    background-size: cover;
}
#contents .frame-wrap--liveability {
	margin: 7.5rem auto 0;
}
#contents .frame-wrap .type-a .frame-head--liveability h3{
	text-align: center;
	padding: 2rem 1.8rem;
}
#contents .frame-wrap .type-a .frame-head--liveability a {
	text-align: center;
}
#contents .frame-wrap .type-a .frame-body--liveability {
	padding: 1rem 1.8rem 5rem;
}

/* addParts--model-house */
.addParts--model-house {
    background: #ffffff;
    margin: 10rem auto 10rem;
    padding: 5rem 0;
}
.addParts03 .addTopArea--model-house {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    align-items: flex-start;
}
.addParts03 .addTopArea .addTopPic--model-house::before {
	content: none;
}
.addParts03 .addTopArea .addTopPic--model-house {
	width: 460px;
	margin: 0 2rem 0 auto;
}
.addParts03 .addTopArea .addTopTxt--model-house {
	width: 600px;
}
#contents .addParts03 .addTopArea .addParts__title--model-house {
	color: #ff7350;
	text-align: center;
	font-size: 3.2rem;
	padding: 5rem 0 0;
	background: url(img/h2-icon.png) top center no-repeat;
	background-size: 73px auto;
	font-weight: normal;
	margin: 0 auto 3rem;
}
#contents .addParts03 .addTopArea .addParts__title--model-house a {
	color: #ff7350;
}
.addTxt.addParts__txt--model-house {
	font-size: 1.5rem;
	margin: 0 auto;
}
.addParts__txt--model-house + .addParts__txt--model-house {
	margin-top: 1.5rem;
}
.addParts03 .addTopArea .addParts__txt--model-house span.addParts__txt__emp--model-house {
	border: none;
	font-size: 1.7rem;
	color: #333;
	font-weight: bold;
	background: #fdfcd9;
	padding: 0 0.3rem;
}
#contents .addTopTxt--model-house .btn-link {
	margin: 4.5rem 0 0;
}
#contents .addTopTxt--model-house .btn-link a {
	color: #ff7350;
	font-size: 1.8rem;
	text-decoration: underline;
	background: url(img/ico_arrow3.png) no-repeat 0 50%;
	background-size: 18px auto;
}
#contents .addTopTxt--model-house .btn-link a:hover {
	text-decoration: none;
}
/* addParts--model-house2 */
.addParts--model-house2 {
    background: url(img/PR_bk.png) no-repeat #e7f4f7;
	margin: 12rem auto 15rem;
    padding: 5rem 0 0;  
    }

.addParts03 .addTopArea--model-house2 {
   width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    align-items: flex-start;
}
.addParts03 .addTopArea .addTopPic--model-house2::before {
	content: none;
}
#contents .addParts03 .addTopArea .addParts__title--model-house2 {
	color: #ff7350;
	text-align: center;
	font-size: 3rem;
	padding: 5rem 0 1rem 0;
	background: url(img/h2-icon.png) top center no-repeat;
	background-size: 73px auto;
	font-weight: normal;
	margin: 0 auto 3rem;
}
.addParts03 .addTopArea .addParts--model-house2{
	width: 460px;
	margin: 0 2rem 0 auto;
}
.addParts03 .addTopArea .addParts--model-house2{
	width: 600px;
}
#contents .addParts03 .addTopArea .addParts__title--model-house2 a {
	color: #ff7350;
	background: url(img/arrow_orange.png) right center no-repeat;
	display: block;
	text-align: center;
}
.addTxt .addParts--model-house2 {
	font-size: 1.5rem;
	margin: 0 auto;
}

.addParts03 .addTopArea .addParts__txt--model-house2 span.addParts__txt__emp--model-house2 {
	border: none;
	font-size: 1.7rem;
	color: #333;
	font-weight: bold;
	background: #fdfcd9;
	padding: 0 0.3rem;
}
#contents .addTopTxt--model-house2 .btn-link a {
	color: #ff7350;
	font-size: 1.8rem;
	text-decoration: underline;
	background: url(img/arrow_white.png) no-repeat 0 50%;
	background-size: 18px auto;
}


/* addParts--knowledge */
.addParts--knowledge {
	margin: 8rem auto 4rem;
	position: relative;
	background: #ffffff;
	padding: 4rem 0 6rem;
}

.addParts--knowledge::before {
	height: 40px;
	top: -40px;
	background: url(img/liveability_bk.png) no-repeat;
	background-size: cover;
}
.addParts--knowledge::after {
	height: 50px;
	bottom: -50px;
	background: url(img/liveability_bk2.png) no-repeat;
	background-size: cover;
}
#contents .box-wrap--knowledge {
	margin: 5.5rem auto 0;
}
#contents .box-wrap .box--knowledge {
	width: 530px;
}
#contents .box-wrap .type-b .thumb--knowledge {
	width: 120px;
	text-align: center;
}
#contents .box-wrap .type-b .box-head--knowledge {
    text-align: center;
    font-weight: 500;
}
#contents .thumb__img--knowledge{
    margin: 1rem auto;
    text-align: center;
}

/* addParts--merit */
.addParts--merit {
	margin: 0 auto;
	padding: 2rem 0 0;
}
#contents .box-wrap--merit {
	margin: 4.5rem auto 0;
}
#contents .box-wrap .box--merit {
	width: 540px;
	background: #e7f4f7;
	padding: 2.5rem 3rem;
}
#contents .box-wrap .box--merit:nth-child(even) {
	background: #faf8d4;
}
#contents .box-wrap .box--merit:nth-child(even)::before {
	content: none;
}
#contents .box-wrap .type-a .box-head--merit {
	font-size: 2rem;
	color: #ff7350;
	padding: 0;
	margin: 0 auto 2rem;
}
#contents .box-wrap .box--merit:nth-child(even) .box-head--merit {
	color: #333;
}
#contents .box-wrap .type-a .box-body .box-txt--merit {
	width: 100%;
	font-size: 1.4rem;
	float: none;
}
#contents .box-wrap .type-a .box-body .box-txt--merit + .box-txt--merit {
	margin-top: 1.5rem;
}

/*--------------------------------------
　map1
---------------------------------------*/
#contents .positioning_map {
    margin: 1rem auto;
    overflow: hidden;
    position: relative;
    width: 990px;
    height: 686px;
    background: url(img/map_commercial.png)no-repeat;
}
#contents .positioning_map2 {
    background: url(img/map_residential.png)no-repeat;
}
#contents .positioning_map a{
    display: block;
}

#contents .positioning_map a{
display: block;
}

#contents .positioning_map{
    z-index: 0;
}

#contents .positioning_map .btn-map{
    background:#ffffff;
    border:1px solid #000000;
    width:fit-content;
    padding: 15px 20px 10px 20px;
    border-radius:999px;
    margin:0;
}

#contents .positioning_map .btn-map:before{
    content:"";
    display: block;
    width:100%;
    height:100%;
    background:#000000;
    border-radius:999px;
    z-index:-1;
    position:absolute;
    left:4px;
    top:4px;
}

#contents .positioning_map .btn-map:after{
    content:"1";
    display: flex;
    width:40px;
    height:40px;
    position:absolute;
    font-size:20px;
    font-weight:bold;
    left:0;
    right:0;
    top:-35px;
    background:#82c0ea;
    color:#ffffff;
    z-index:3;
    margin:auto;
    border-radius:50%;
    border:2px solid #ffffff;
    outline:2px solid #82c0ea;
    align-items:center;
    justify-content:center;
    filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
}

#contents .positioning_map a:nth-of-type(2) .btn-map:after{
    content:"2";
    background: #3b7aea;
    outline: 2px solid #3b7aea;
}

#contents .positioning_map .group-l .btn-map {
    position: absolute;
    top: 99px;
    right: 51px;
}

#contents .positioning_map .group-r .btn-map{
    position:absolute;
    left: 672px;
    bottom: 140px;
}
#contents .positioning_map span{
    background: none;
}

#contents .positioning_map .btn-map_st{
    color: #e55c40;
    background: none;
}


#contents .btn-map {
    text-align: center;
    margin: 20px auto;
    padding: 0;
}
#main .btn-map span {
    background: url(img/ar_wh_btm.svg)right 15px center no-repeat #e6583c;
    text-decoration: none;
    background-size: 1pc;
    display: block;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 0 #973a27;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 10px 35px 10px 10px;
    transition: .2s all ease 0;
    width: 216px;
}
#main .btn-map:hover span {
    background-color: #e6664c;
    box-shadow: none;
    transform: translate3d(0,3px,0);
    opacity: 1;
}

#contents .positioning_map .btn-map span.btn-arroww{
    display: block;
    width:13px;
    height:8px;
    background:url(img/arrow_black_down.png) no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    right:10px;
    background-size:cover;
}
/*--------------------------------------
　map2
---------------------------------------*/
#contents .positioning_map2 {
    margin: 1rem auto;
    overflow: hidden;
    position: relative;
    width: 990px;
    height: 597px;
    background: url(img/map_residential.png)no-repeat;
}
#contents .positioning_map2 a {
    display: block;
}

#contents .positioning_map2 a{
display: block;
}

#contents .positioning_map2{
    z-index: 0;
}

#contents .positioning_map2 .btn-map2{
    background:#ffffff;
    border:1px solid #000000;
    width:fit-content;
    padding: 15px 20px 10px 20px;
    border-radius:999px;
    margin:0;
}

#contents .positioning_map2 .btn-map2:before{
    content:"";
    display: block;
    width:100%;
    height:100%;
    background:#000000;
    border-radius:999px;
    z-index:-1;
    position:absolute;
    left:4px;
    top:4px;
}

#contents .positioning_map2 .btn-map2:after{
    content:"2";
    display: flex;
    width:40px;
    height:40px;
    position:absolute;
    font-size:20px;
    font-weight:bold;
    left:0;
    right:0;
    top:-35px;
    background: #f7a54b;
    color:#ffffff;
    z-index:3;
    margin:auto;
    border-radius:50%;
    border:2px solid #ffffff;
    outline: 2px solid #f7a54b;
    align-items:center;
    justify-content:center;
    filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
}

#contents .positioning_map2 a:nth-of-type(2) .btn-map2:after{
    content:"1";
    background: #ef6452;
    outline: solid 2px #ef6452;
}

#contents .positioning_map2 a:nth-of-type(3) .btn-map2:after{
    content:"3";
    background: #e5cf2e;
    outline: solid 2px #e5cf2e;
}

#contents .positioning_map2 .group-l2 .btn-map2 {
    position: absolute;
    top: 101px;
    right: 329px;
}

#contents .positioning_map2 .group-c2 .btn-map2{
    position:absolute;
    left: 562px;
    bottom: 262px;
}
#contents .positioning_map2 .group-r2 .btn-map2{
    position:absolute;
    left: 603px;
    bottom: 126px;
}
#contents .positioning_map2 span{
    background: none;
}

#contents .positioning_map2 .btn-map_st{
    color: #e55c40;
    background: none;
}


#contents .btn-map2 {
    text-align: center;
    margin: 20px auto;
    padding: 0;
}
#main .btn-map2 span {
    background: url(img/ar_wh_btm.svg)right 15px center no-repeat #e6583c;
    text-decoration: none;
    background-size: 1pc;
    display: block;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 0 #973a27;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 10px 35px 10px 10px;
    transition: .2s all ease 0;
    width: 216px;
}
#main .btn-map:hover span {
    background-color: #e6664c;
    box-shadow: none;
    transform: translate3d(0,3px,0);
    opacity: 1;
}

#contents .positioning_map2 .btn-map2 span.btn-arroww{
    display: block;
    width: 9px;
    height: 6px;
    background:url(img/arrow_black_down.png) no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    right:10px;
    background-size:cover;
}







@media screen and (max-width: 479px) {
	/* SP */
	/*------------
	Index
	------------*/

	body.body-top::before {
		content: none;
	}

	#contents {
		width: 100%;
	}
	#index {
	}



	/*--------------------------------------
	　visArea
	---------------------------------------*/
	#visArea {
		margin: 0 auto 4rem;
	}
	#visArea .mainArea {
		background: none;
		height: auto;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		min-height: auto;
	}
	#visArea .mainArea .siteNameArea {
		display: table;
		background: url(img/mv-top_sp.png) no-repeat center bottom;
		background-size: 100%;
		height: 174px;
		width: 100%;
		margin: 0 auto 0rem;
	}
	#visArea .mainArea .siteName {
		margin: 0 auto 2rem;
		padding: 0 1.5rem 1rem;
		max-width: 90%;
	}
	#visArea .mainArea .siteName img {
		/* width: 160px; */
	}
	#visArea .mainArea .siteNameSmall {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.03em;
		text-align: center;
		text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
	}
    #visArea .btn-internal{
        width: 100%;
    }

	#visArea .mainArea .mainTxtBox {
		width: 92%;
		padding: 1rem 0 0;
		margin: 0 auto;
	}


	#visArea .mainArea .catchArea .catch {
		font-size: 2rem;
		line-height: 1.4;
		text-align: center;
		margin: 0 0 1.0rem;
	}
	#visArea .mainArea .txtArea {
	    text-align: center;
	}
    #visArea .btn-internal a{
        font-size: 1.4rem;
    }



	/*--------------------------------------
	　footer
	---------------------------------------*/
	footer .areaInner .logo a {
		/*pointer-events: none;*/
	}



	/*--------------------------------------
	　box-wrap
	---------------------------------------*/
	#contents .box-wrap .box {
		width: 100%;
	}

	/*type-a*/
	#contents .box-wrap .type-a .box-body p {
		width: calc(100% - 95px);
	}
	/*type-b*/
	#contents .box-wrap .type-b {
		padding: 3.0rem 0 3.0rem;
	}



	/*--------------------------------------
	　frame-wrap
	---------------------------------------*/
	#contents .frame {
		width: 100%;
		margin: 0 0 2.0rem;
	}
	#contents .frame-wrap .frame:nth-child(n+4) {
	  margin-top: 0;
	}

	#contents .frame .frame-body {
		padding: 0 1.5rem 3.0rem;
	}

	/*type-a*/
	#contents .frame-wrap .type-a .frame-catch {
		padding: 1.5rem 2.5rem;
	}
	#contents .frame-wrap .type-a .frame-head {
		padding: 1.8rem 1.5rem;
	}
	#contents .frame-wrap .type-a .thumb {
		width: 80%;
	}
	#contents .frame-wrap .type-a ul.icoArea {
		width: 100%;
	}
	#contents .frame-wrap .type-a ul.icoArea li {
		width: calc(100% / 3);
		margin: 0 0 0 0;
	}
	#contents .frame-wrap .type-a ul.icoArea li:first-child {
		margin: 0	0	0	0;
	}
	#contents .frame-wrap .type-a ul.icoArea li:nth-child(3n+1) {
		margin: 0	0	0	0;
	}
	#contents .frame-wrap .type-a ul.icoArea li:nth-child(n+4) {
	  margin-top: 1.6rem;
	}

	/*type-b*/
	#contents .frame-wrap .type-b .frame-head {
		padding: 1.8rem 1.5rem;
	}
	#contents .frame-wrap .type-b .thumb {
		width: 80%;
	}

	/*type-c*/
	#contents .frame-wrap .type-c .frame-head {
		padding: 0.5rem 1.8rem 2.0rem;
	}
	#contents .frame-wrap .type-c .thumb {
		width: 60%;
	}

	/*btn-web*/
	#contents .frame .frame-body .btn-web {
		width: 85%;
	}



	/*--------------------------------------
	オリジナル
	---------------------------------------*/

	/***** addParts01 *****/

	.addParts01 {
		width: 85%;
		margin: 0 auto 90px;
	}
	.addParts01 .addInner {
		width: 100%;
		margin: 0 auto;
	}
	.addParts01 p {
		margin: 0;
	}
	.addParts01 .aadPartsTit {
		text-align: center;
	}
	.addParts01 .block {
		width: 100%;
		margin: 0 0 2.5rem;
		float: none;
	}
	.addParts01 .block:first-child {
		margin: 0 0 2.5rem;
	}
	.addParts01 .block:nth-child(3n+1) {
		margin: 0 0 2.5rem;
	}
	.addParts01 .block:nth-child(n+4) {
	  margin: 0 0 2.5rem;
	}
	.addParts01 .block:last-child {
		margin: 0 0 0;
	}
	.addParts01 .block .catch {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.5;
		text-align: center;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		padding: 12px 10px;
		margin: 0 0 0;
	}
	.addParts01 .block a {
		display: block;
	}
	.addParts01 .scrollArea {
		padding: 1.0rem 4.0rem 2.0rem 1.5rem;
		position: relative;
	}
	.addParts01 .scrollArea::after {
		content: "";
		width: 20px;
		height: 20px;
		background: url("img/scroll_arrow.png") no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: calc(50% - 10px);
		left: auto;
		right: 10px;
		bottom: auto;
	}
	.addParts01 .scrollArea .priceArea {
		display: table;
		width: 100%;
		margin: 0 0 1.5rem;
	}
	.addParts01 .scrollArea .priceArea .priceTit {
		display: table-cell;
		vertical-align: middle;
		width: 30%;
		font-size: 1.2rem;
		line-height: 1.2;
		text-align: center;
		word-wrap: break-word;
		color: #fff;
		background-color: #333;
		padding: 0.7rem 1.0rem 0.8rem;
	}
	.addParts01 .scrollArea .priceArea .priceTit br {
		display: none;
	}
	.addParts01 .scrollArea .priceArea .price {
		display: table-cell;
		vertical-align: middle;
		width: 70%;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.03em;
		text-align: center;
		color: #8c8200;
		background-color: #fff;
		padding: 0.7rem 1.0rem 0.8rem;
	}
	.addParts01 .scrollArea .priceArea .price span {
		font-size: 1.2rem;
		color: #333;
		padding: 0 0 0 5px;
	}
	.addParts01 .scrollArea .companyName {
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
	}


	/***** addParts02 *****/

	.addParts02 {
		width: 100%;
		background-color: #f5f5f5;
		padding: 5.0rem 0 6.0rem;
		position: relative;
	}
	.addParts02::before {
		content: "";
		width: 115px;
		height: 115px;
		background: url("img/parts02_circle.png") no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: -25px;
		left: -75px;
	}
	.addParts02 .addInner {
		width: 92%;
		margin: 0 auto;
	}
	.addParts02 p {
		margin: 0;
	}

	/*addTopArea*/
	.addParts02 .addTopArea {
		padding: 0 0;
		margin: 0 auto 3.0rem;
	}

	/*sttl*/
	#index .addParts02 .sttl {
		display: block;
		font-size: 1.9rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		background: url("img/parts02_tit_ico.png") center bottom no-repeat;
		background-size: 29px auto;
		padding: 0 3.5rem 4.5rem;
		margin: 0 auto 2.0rem;
		position: relative;
	}

	/*block*/
	.addParts02 .block {
		background-color: #fff;
		padding: 3.0rem 0 2.0rem;
		margin: 0 0 3.0rem;
		position: relative;
	}
	.addParts02 .block::before {
		content: "";
		width: 1px;
		height: 75px;
		background-size: 100% auto;
		position: absolute;
		top: -15px;
		right: 18px;
	}
	.addParts02 .block::after {
		content: "";
		width: 115px;
		height: 115px;
		background-size: 100% auto;
		position: absolute;
		left: -75px;
		bottom: -10px;
	}
	.addParts02 .block:last-child {
		margin: 0;
	}
	.addParts02 .blockTitArea {
		text-align: center;
		padding: 0 3.0rem;
		margin: 0 0 2.5rem;
	}
	.addParts02 .blockTitSub {
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.03em;
		text-align: center;
		margin: 0 0 0.5rem;
	}
	#index .addParts02 .blockTit {
		display: inline-block;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 0.03em;
		text-align: center;
		padding: 0 0 1.5rem;
		position: relative;
	}
	#index .addParts02 .blockTit::after {
		content: "";
		width: 30px;
		height: 2px;
		background: #e6dc14;
		position: absolute;
		left: calc(50% - 15px);
		bottom: 0;
	}

	/*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.5rem;
		font-weight: bold;
		line-height: 1.5;
		margin: 0 0 8px;
	}
	.addParts02 .slideTxt {
		line-height: 1.6;
	}
	/*テキスト動き*/
	.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 .priceIcoArea {
		width: 92%;
		height: 100%;
		overflow: hidden;
		padding: 3.0rem 0;
		margin: 0 auto 3.0rem;
		position: relative;
	}
	.addParts02 .priceIcoArea::before {
		content: "";
		background:linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	  background-size:6px 1px;
		width: 100%;
	  height: 1px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.addParts02 .priceIcoArea::after {
		content: "";
		background:linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	  background-size:6px 1px;
		width: 100%;
	  height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		visibility: visible;
	}
	.addParts02 .priceIcoArea .priceArea {
		width: 100%;
		background-color: #f5f5dc;
		padding: 1.5rem 1.5rem 1.0rem;
		margin: 0 0 3.0rem;
		float: none;
	}
	.addParts02 .priceIcoArea .priceAreaInner {
		display: table;
		width: 100%;
		margin: 0 0 1.5rem;
	}
	#contents .addParts02 .priceIcoArea .priceArea .priceTit {
		display: table-cell;
		vertical-align: middle;
		width: 30%;
		font-size: 1.2rem;
		line-height: 1.2;
		text-align: center;
		word-wrap: break-word;
		color: #fff;
		background-color: #333;
		padding: 0.7rem 1.0rem 0.8rem;
	}
	.addParts02 .priceIcoArea .priceArea .price {
		display: table-cell;
		vertical-align: middle;
		width: 70%;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.03em;
		text-align: center;
		color: #8c8200;
		background-color: #fff;
		padding: 0.7rem 1.0rem 0.8rem;
	}
	.addParts02 .priceIcoArea .priceArea .price span {
		font-size: 1.2rem;
		color: #333;
		padding: 0 0 0 5px;
	}
	#contents .addParts02 .priceIcoArea .priceArea ul {
	}
	#contents .addParts02 .priceIcoArea .priceArea ul li {
		line-height: 1.5;
		padding: 0 0 12px 18px;
		position: relative;
	}
	#contents .addParts02 .priceIcoArea .priceArea ul li::before {
		content: "・";
		position: absolute;
		top: 0;
		left: 0;
	}

	.addParts02 .priceIcoArea .icoArea {
		width: 100%;
		float: none;
	}
	.addParts02 .priceIcoArea .icoArea li {
		width: 100%;
		margin: 0 0 3.0rem;
		float: none;
	}
	.addParts02 .priceIcoArea .icoArea li:first-child {
		margin: 0 0 3.0rem;
	}
	.addParts02 .priceIcoArea .icoArea li:nth-child(3n+1) {
		margin: 0 0 3.0rem;
	}
	.addParts02 .priceIcoArea .icoArea li:nth-child(n+4) {
	  margin: 0 0 3.0rem;
	}
	.addParts02 .priceIcoArea .icoArea li:last-child {
		margin: 0 0 0;
	}
	.addParts02 .priceIcoArea .icoArea li .icoSet {
		display: table-cell;
		vertical-align: middle;
		width: 85px;
		text-align: center;
		margin: 0 0 0;
	}
	.addParts02 .priceIcoArea .icoArea li .icoSet .ico {
		width: 45px;
		margin: 0 auto;
	}
	#contents .addParts02 .priceIcoArea .icoArea li .icoSet .icoTxt {
		display: inline-block;
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		padding: 1.0rem 0 0.6rem;
		position: relative;
	}
	#contents .addParts02 .priceIcoArea .icoArea li .icoSet .icoTxt::after {
		content: "";
		width: 100%;
		height: 2px;
		background-color: #e6dc14;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.addParts02 .priceIcoArea .icoArea li > .icoTxt {
		display: table-cell;
		vertical-align: middle;
		width: calc(100% - 95px);
	}

	.addParts02 .infoArea {
		clear: both;
		width: 92%;
		padding: 0 0;
		margin: 0 auto 3.0rem;
	}
	#contents .addParts02 .infoArea .infoTit {
		width: 100%;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		margin: 0 auto 2.5rem;
	}
	.addParts02 .infoArea .infoBox {
	}
	.addParts02 .infoArea .infoBox .mapArea {
		width: 100%;
		overflow: hidden;
		margin: 0 0 2.5rem;
		float: none;
	}
	.addParts02 .infoArea .infoBox .mapArea .map {
	}
	.addParts02 .infoArea .infoBox .mapArea .map iframe {
	  display: block;
	  width: 100.2% !important;
	}
	#contents .addParts02 .infoArea .infoBox table {
		display: table;
		width: 100%;
		margin: 0;
		float: none;
	}
	#contents .addParts02 .infoArea .infoBox table th {
		display: table-cell;
		width: 35%;
		border-right: 1px solid #333;
		padding: 1.0rem;
	}
	#contents .addParts02 .infoArea .infoBox table td {
		display: table-cell;
		padding: 1.0rem;
	}

	/*btn*/
	#contents .addParts02 .btn-web {
	}
	#contents .addParts02 .btn-web a {
	}
	#contents .addParts02 .btn-tel {
	}
	#contents .addParts02 .btn-tel a {
	}


	/***** addParts02 *****/

	.addParts03 {
		width: 100%;
		margin: 6.5rem auto 7.0rem;
	}
	.addParts03 .addInner {
		width: 92%;
		margin: 0 auto;
	}
	.addParts03 p {
		margin: 0;
	}

	.addParts03 .addTopArea {
		width: 100%;
		margin: 0 0 3.0rem;
		display: block;
	}
	.addParts03 .addTopArea .addTopPic {
		width: 100%;
		margin: 0 0 2.0rem;
		position: relative;
	}
	.addParts03 .addTopArea .addTopPic::before {
		content: "";
		width: 78px;
		height: 77px;
		background: url("img/parts03_circle.png") no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: -25px;
		right: 10px;
	}
	.addParts03 .addTopArea .addTopTxt {
		width: 100%;
	}
	#contents .addParts03 .addTopArea .sttl {
		display: block;
		font-size: 2rem;
		font-weight: 500;
		line-height: 1.5;
		text-align: center;
		background-size: 50px auto;
		padding: 4rem 0 1rem;
		margin: 0 auto 1.5rem;
		position: relative;
		color: #e55c40;
	}
	.addParts03 .addTopArea .addTxt {
	}
	.addParts03 .addTopArea .addTxt span{
		font-weight: bold;
		color: #333;
		background: #faf8d4;
	}
	.addParts03 .personMainArea {
		width: 100%;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		padding: 2.5rem 0;
		margin: 0 0 4.0rem;
		position: relative;
	}
	.addParts03 .personMainArea .subTxt {
		display: inline-block;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1;
		background-color: #f5f5dc;
		background: url("img/parts03_sub_dot01.png") left top repeat-x,
		url("img/parts03_sub_dot01.png") left bottom repeat-x,
		url("img/parts03_sub_dot02.png") left top repeat-y,
		url("img/parts03_sub_dot02.png") right top repeat-y #f5f5dc;
		padding: 10px 18px;
		position: absolute;
		top: -15px;
		right: 8px;
	}
	.addParts03 .personMainArea .personBox {
		display: block;
	}
	.addParts03 .personMainArea .personBox .pic {
		display: block;
		width: 100px;
		position: absolute;
		top: 25px;
		left: 8px;
	}
	.addParts03 .personMainArea .personBox .pic img {
		border-radius: 100px;
	}
	.addParts03 .personMainArea .personBox dl {
		display: block;
		width: 100%;
		padding: 0 0 0 0;
	}
	.addParts03 .personMainArea .personBox dl dt {
		display: table-cell;
		vertical-align: middle;
		width: calc(100% - 15px);
		height: 100px;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.6;
		color: #8c8200;
		padding: 0 0 0 12.5rem;
		margin: 0 0 1.5rem;
	}
	.addParts03 .personMainArea .personBox dl dt span {
		display: block;
		font-size: 1.3rem;
		color: #333
	}
	.addParts03 .personMainArea .personBox dl dd {
		display: block;
		width: 100%;
		margin: 1.5rem 0 0;
	}
	.addParts03 .interviewTitArea {
		display: block;
		background-color: #f5f5dc;
		position: relative;
		padding: 0 4% 2.5rem 0;
		margin: 0 0 1.0rem;
	}
	.addParts03 .interviewTitArea::before {
	   content: "";
	   position: absolute;
	   background: #f5f5dc;
	   top: 0;
		 right: 100%;
	   bottom: 0;
	   width: 9999px;
	}
	.addParts03 .interviewTitArea::after {
	   content: none;
	}
	#contents .addParts03 .interviewTitArea .interviewTit {
		display: block;
		width: 100%;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 0.1em;
		text-align: center;
		padding: 3.0rem 0 1.5rem;
		position: relative;
		max-width: inherit;
	}
	#contents .addParts03 .interviewTitArea .interviewTit:after {
	   content: "";
		 width: 116px;
		 height: 18px;
		 background: url("img/parts03_eng.png") no-repeat;
		 background-size: 100% auto;
	   position: absolute;
	   top: -10px;
	   left: calc(50% - 58px);
	}
	.addParts03 .interviewTitArea .interviewTxt {
		display: block;
		vertical-align: middle;
		width: 100%;
		font-size: 1.4rem;
		border-left: none;
		padding: 0;
	}
	.addParts03 .personArea {
		margin: 0 0 4.0rem;
	}
	.addParts03 .personArea .personBox {
		display: table;
		padding: 2.0rem 0 1.5rem;
		position: relative;
	}
	.addParts03 .personArea .personBox::after {
		content: "";
		background:linear-gradient(to right, rgba(187,187,187,1), rgba(187,187,187,1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
	  background-size:6px 1px;
		width: 100%;
	  height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.addParts03 .personArea .personBox .pic {
		display: block;
		width: 80px;
		float: left;
		margin: 0 1.5rem 1.0rem 0.8rem;
	}
	.addParts03 .personArea .personBox .pic img {
		border-radius: 100px;
	}
	.addParts03 .personArea .personBox dl {
		display: block;
		width: 100%;
		padding: 1.0rem 0 0;
	}
	.addParts03 .personArea .personBox dl dt {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.4;
		color: #8c8200;
		margin: 0 0 1.0rem;
	}
	.addParts03 .personArea .personBox dl dd {
		position: relative;
		margin: 0 0 1.0rem;
	}

	.addParts03 .summaryArea {
		width: 100%;
		background: url("img/parts03_summary_bg.png") left top repeat;
		padding: 2.5rem 1.5rem 1.5rem;
		margin: 0 0 4.0rem;
	}
	#contents .addParts03 .summaryArea .summaryTit {
		font-size: 1.9rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		background: url("img/parts03_summary_ico.png") center bottom no-repeat;
		background-size: 35px auto;
		padding: 0 0 4.0rem;
		margin: 0 auto 1.5rem;
		position: relative;
	}
	#contents .addParts03 .summaryArea .summaryTit span {
		font-size: 1.5rem;
		padding: 0 0.5rem;
	}
	.addParts03 .summaryArea .txtArea {
		width: 100%;
		background-color: #fff;
		padding: 2.0rem 1.5rem;
	}
	.addParts03 .summaryArea .txtArea .catch {
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		margin: 0 0 2.0rem;
	}
	.addParts03 .summaryArea .txtArea .txt {
	}

	.addParts03 .btnArea {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	#contents .addParts03 .btnArea .btn-internal {
		margin: 0 auto 2.0rem;
	}
	#contents .addParts03 .btnArea .btn-internal:last-child {
		margin: 0 auto;
	}
	#contents .addParts03 .btnArea .btn-internal a {
		padding: 1.8rem 5.0rem 1.8rem;
	}
	#contents .addParts03 .btnArea .btn-internal:nth-of-type(1) a {
		background: url("img/arrow_black.png") right 15px center no-repeat,
		url("img/parts03_summary_num01.png") 20px center no-repeat;
		background-size: 6px auto,auto 15px;
	}
	#contents .addParts03 .btnArea .btn-internal:nth-of-type(2) a {
		background: url("img/arrow_black.png") right 15px center no-repeat,
		url("img/parts03_summary_num02.png") 20px center no-repeat;
		background-size: 6px auto,auto 15px;
	}

	/* addParts--summary */
	.addParts--summary {
		margin: 0 auto 3rem;
	}
	#index h2,
	#contents h2.addParts__title--summary {
		font-size: 2rem;
		margin: 0 auto 3rem;
		padding: 4rem 0 2rem;
	}
	#contents h2 .addParts__title--summary_st {
        font-size: 1.9rem;
    }
    #index h2 a{
        color: #333333;
        display: block;
        text-align: center;
        background: url(img/arrow_black.png) right 10px center no-repeat;
        background-size: 8px auto;
        padding-right: 20px
    }
	#contents .addParts__txt--intr {
		font-size: 1.4rem;
		width: 92%;
		text-align: left;
	}
	#contents .addParts__txt--intr + .addParts__txt--intr {
		margin-top: 1rem;
	}
	.addParts__addParts01--summary {
		margin: 2.5rem auto 1.5rem;
		width: 92%;
	}
	.addParts--summary .addInner--summary {
		width: 100%;
        background: url(img/box-head-area_bk.png) no-repeat;
	}
	.addParts--summary .addInner--summary .block--summary {
		width: 100%;
		margin: 1rem 0 4rem 0;
        padding: 3px;
	}
    #contents h3.catch.catch--summary{
        font-size: 1.7rem;
        padding: 0;
    }
	.addParts--summary .block--summary:nth-of-type(2n) {
		float: right;
		margin-top: 1rem;
	}
	.addParts--summary .block .catch {
		font-size: 1rem;
		color: #333;
		font-weight: bold;
		border: none;
		display: block;
		margin: 4rem auto 1rem;
		padding: 0 2rem;
		text-align: center;
		position: relative;
	}
	.addParts--summary .block .catch::before,
	.addParts--summary .block .catch::after {
		content: '';
		width: 1px;
		height: 25px;
		position: absolute;
		background: #000;
		bottom: 2px;
	}
	.addParts--summary .block .catch::before {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
		left: 60px;
	}
	.addParts--summary .block .catch::after {
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
		right: 60px;
	}
	.addParts--summary .block .catch span {
		display: block;
        font-size: 1.8rem
	}
	.addParts--summary .scrollArea {
		background-size: 100% 100%;
		padding: 0 1rem 2rem 1rem;
		min-height: auto;
	}
	.addParts--summary .scrollArea::after {
		content: none;
	}
	#contents .addParts--summary .scrollArea .companyName {
		font-size: 1.5rem;
		margin: 1rem;
	}
	.scrollArea__link--summary {
		font-size: 1.2rem;
		text-decoration: underline;
		padding: 0 0 0 1.5rem;
		background: url(img/ico_arrow2.png) no-repeat top 5px left;
		background-size: 1rem auto;
	}
	.scrollArea__link--summary + .scrollArea__link--summary {
		margin-top: 1rem;
	}
	.addParts__comment-box--summary {
		width: 92%;
		margin: 0 auto 3rem;
		padding: 1rem;
	}
	#contents .addParts__comment--summary {
		font-size: 1rem;
	}
	#contents .addParts__comment--summary + .addParts__comment--summary {
		margin-top: 1rem;
	}
	.addParts__area--summary {
		margin: 2rem auto 6rem;
		padding: 2rem 0 0;
		width: 92%;
	}
    
    
	.addParts__area--summary.nishiakashi,
	.addParts__area--summary.okubo {
		margin-top: 4rem;
	}
	#contents h2.addParts__area__title {
		margin: 0 auto 2.5rem;
		max-width: 100%;
		font-size: 1.9rem;
		padding: 20px 20px 20px 52px;
	}
    #contents h2.addParts__area__title2 {
		margin: 0 auto 2.5rem;
		max-width: 100%;
        font-size: 1.9rem;
        padding: 20px 20px 20px 65px;
	}
	#contents .nishiakashi .addParts__area__title::after {
		font-size: 1.5rem;
		left: 0;
		top: -10px;
	}
	#contents .okubo .addParts__area__title::after {
		font-size: 2.2rem;
	}
	.addParts__area__img {
		margin: 0 auto 1.5rem;
	}
	.addParts__area__table-box-wrapper {
		margin: 0 auto;
	}
	.addParts__area__table-icon-box {
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
		max-width: 100%;
		margin: 1rem auto;
	}
	#contents .addParts__area__table-icon-box__ttl {
		margin: 0 0 1rem;
		width: 100%;
		font-size: 1.4rem;
	}
	#contents .addParts__area__table-icon-box__list {
		width: 100%;
		max-width: 100%;
	}
	#contents ul .addParts__area__table-icon-box__list-item {
		padding: 0;
		display: flex;
		align-items: center;
	}
	#contents ul .addParts__area__table-icon-box__list-item::before {
		content: none;
	}
	.addParts__area__table-icon-box__img {
		width: 30px;
	}
	#contents .addParts__area__table-icon-box__txt {
		margin: 0 0 0 0.2rem;
		font-size: 1rem;
	}
	#contents .addParts__area__table-caption {
		font-size: 1.1rem;
		margin: 0 auto;
		text-align: left;
        padding: 10px;
	}
	.addParts__area__table-box {
		width: 100%;
		max-width: 100%;
	}
	#contents .addParts__area__table {
		margin: 0;
		border: 1px solid #fff;
	}
	#contents .addParts__area__table .addParts__area__table__number {
		color: #fff;
		font-size: 1.4rem;
		font-weight: bold;
		border: 1px solid #fff;
		width: 100%;
		padding: 1rem 1.5rem;
	}
	#contents .addParts__area__table__company01 .addParts__area__table__number {}
	#contents .addParts__area__table__company02 .addParts__area__table__number {
		background: #f29e83;
	}
	#contents .addParts__area__table td {
		padding: 1rem 1.5rem;
		border: 1px solid #fff;
		width: 100%;
	}
	#contents .addParts__area__table__company01 td {
	}
	#contents .addParts__area__table__company02 td {
		background: #fff1ec;
	}
	#contents .addParts__area__table .addParts__area__table__company-name {
		width: 100%;
		max-width: 100%;
		font-size: 1.4rem;
	}
	#contents .addParts__area__table .addParts__area__table__icon-box-wrapper {
		padding: 1rem 1.5rem;
		width: 100%;
		max-width: 100%;
	}
	#contents .addParts__area__table .addParts__area__table__icon-box {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		max-width: 360px;
		margin: 0 auto;
		align-items: center;
	}
	.addParts__area__table__icon {
		max-width: calc((100%-12rem)/5);
		width: 45px;
		height: auto;
	}
	#contents .addParts__area__table .addParts__area__table__link {
		padding: 1rem 1.5rem 1.5rem;
		border-bottom: 5px solid #fff;
	}
	#contents .addParts__area__table .btn-web {
	width: 90%;
	}
	#contents .addParts__area__table .btn-web a {
		padding: 1.8rem 2rem 1.8rem;
		background: #ff7350 url(img/arrow_white.png) no-repeat right 1rem center;
	}
    
    /*もっと見るボタン*/
    
    .accordion{
        width:90%;
    }
    .accordion.accordion02::after{
        min-width: 0px;
    }
    .accordion.accordion02.is-open::after{
        min-width: 0px;
    }

	/* addParts--detail */
	.addParts--detail {
	background: #fdfcd9;
	padding: 1rem 0 .5rem;
	margin: 0 auto 5rem;
	}
	.addParts--detail::before,
	.addParts--detail::after {
	content: '';
	width: 100%;
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	}
	.addParts--detail::before {
	height: 45px;
	top: -45px;
	background: url(img/detail_bk.png) no-repeat;
	background-size: cover;
	}
	.addParts--detail::after {
	height: 40px;
	bottom: -40px;
	background: url(img/detail_bk2.png) no-repeat;
	background-size: cover;
	}
	.addParts--detail .addTopArea {
	padding: 0 1rem;
	text-align: center;
	margin: 0 auto 3rem;
	}
	.addParts__title-catch--detail {
		padding: 4rem 3rem 0;
		background: url(img/h2-icon.png) top center no-repeat;
		background-size: 50px auto;
		font-size: 1.6rem;
		margin: 0 auto 1rem;
	}
	.addParts__title-catch--detail::before,
	.addParts__title-catch--detail::after {
	  content: '';
	  width: 1px;
	  height: 25px;
	  bottom: .5rem;
	}
	.addParts__title-catch--detail::before {
	  -webkit-transform: rotate(-30deg);
	  transform: rotate(-30deg);
	  left: 15px;
	}
	.addParts__title-catch--detail::after {
	  -webkit-transform: rotate(30deg);
	  transform: rotate(30deg);
	  right: 15px;
	}
	#contents .addParts--detail .addParts__title--detail {
		color: #ff7350;
		font-size: 2rem;
		background: none;
		padding: 0;
		margin: 0 auto 2rem;
	}
	#contents .addParts--detail .addParts__txt--intr {
		width: 100%;
	}
	.addParts--detail .block--detail {
		padding: 2.5rem 1rem;
		margin: 0 auto;
	}
	.addParts--detail .block--detail + .block--detail {
	    margin-top: 4rem;
	}
	.addParts--detail .block--detail::before {
	    content: none;
	}
	.addParts--detail .blockTitArea--detail {
		padding: 0;
		margin: 0 auto 2.5rem;
	}
    .addParts--detail .blockTitSub--detail span{
        font-size: 1.8rem;
    }
	.addParts--detail .blockTitSub--detail {
		font-size: 1.5rem;
		font-weight: 500;
		color: #333333;
		font-family: 'Kosugi Maru', "游ゴシック", YuGothic, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
		margin: 0 auto 1rem;
	}
	#contents .addParts--detail .blockTit--detail {
		color: #333333;
		font-size: 1.8rem;
		display: block;
		padding: 0 0 1.5rem;
		max-width: 100%;
        margin-bottom: 1rem;
	}
	#contents .addParts--detail .blockTit--detail::after {
	    background: #e55c40;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.block__item--detail {
	margin: 4rem auto;
	}
	.block__item--detail + .block__item--detail {
	margin-top: 4rem;
	}
	.block__item--detail.about {
	display: block;
	margin: 0 auto 2rem;
	}
	.aboutBox--detail:nth-of-type(1) {
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin: 0 auto 2rem;
	}
	.aboutBox--detail:nth-of-type(2) {
	width: 100%;
	max-width: 100%;
	}
    
    /*--------------------------------------
　map
---------------------------------------*/
    #contents .positioning_map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(152.758% - 3px);
    background: url(img/map_commercial_sp.png)no-repeat;
    background-size: contain;
  }
  #contents .positioning_map .group-l .btn-map {
    top: 4rem;
    left: 1rem;
  }
  #contents .positioning_map .group-l .btn-map:hover:before {
    background: url(img/map_commercial.png)no-repeat top left / contain;
    }
    
     /*--------------------------------------
　map2
---------------------------------------*/
    #contents .positioning_map2 {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(152.758% - 3px);
    background: url(img/map_residential_sp.png)no-repeat;
    background-size: contain;
  }
  #contents .positioning_map2 .group-l2 .btn-map2 {
    top: 4rem;
    left: 1rem;
  }
  #contents .positioning_map2 .group-l2 .btn-map2:hover:before {
    background: url(img/map_residential.png)no-repeat / contain;
    }
    	
	  /* slider
  ----------------------------------------------------*/
  .slider-area-horizontal {
    width: 95%;
    margin: 0 auto 4rem;
  }
  .slider-area-horizontal .slider-for-horizontal div img {
    max-width: 98%;
    width: auto;
    height: 210px;
  }
  .slider-area-horizontal .slider-for-horizontal span {
    display: block;
    font-size: 1.0rem;
    line-height: 1.5;
    text-align: center;
    color: #999;
  }
  .slider-area-horizontal .slick-prev,
  .slider-area-horizontal .slick-next {
    top: 41%;
  }
  .slider-area-horizontal .slick-prev::before {
    margin-left: 10px;
    width: 8px;
    height: 8px;
  }
  .slider-area-horizontal .slick-next::before {
    margin-right: 10px;
    width: 8px;
    height: 8px;
  }
  .slider-area-horizontal .slick-prev,
  .slider-area-horizontal .slick-next {
    width: 25px;
    height: 25px;
    top: calc(50% - 20px);
  }
  .slider-area-horizontal .slider-nav-horizontal {
    margin: 0 auto;
    width: 100%;
    padding: 0;
  }
  .slider-area-horizontal .slider-nav-horizontal img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: unset;
  }
  .slider-area-horizontal .slider-nav-horizontal div {
    padding: 0;
    background: none;
  }
  .slider-area-horizontal .slider-nav-horizontal .slick-track {
    height: auto;
  }
  .slider-area-horizontal .slider-nav-horizontal .slick-slide {
    outline: none;
    cursor: pointer;
    margin: 0 .5rem;
    height: 50px;
  }
	
	  /* slider: END
  ----------------------------------------------------*/
	
	.recommendBox--detail {
	margin: 0 auto 2rem;
	}
	#contents .recommendBox__title--detail {
	padding: 1rem 1.5rem;
	font-size: 1.5rem;
	}
	.recommendBox__body--detail {
	padding: 1rem;
	}
	.recommendBox__item--detail + .recommendBox__item--detail {
	border-top: 1px dashed #ff7350;
	}
	.recommendBox__item--detail {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem 0;
	}
	.recommendBox__item--detail:first-child {
	padding-top: 0;
	}
	.recommendBox__item--detail:last-child {
	padding-bottom: 0;
	}
	#contents .recommendBox__item__area-name--detail {
	font-size: 1.2rem;
	padding: 1rem 0.7rem;
	width: 100%;
	line-height: 1.2;
    margin-bottom: 10px;
	}
	#contents .recommendBox__item__area-catch--detail {
	width: 100%;
	font-size: 1.4rem;
    text-align: center;
    margin: 0;
	}
	.recommendBox__item__area-catch--detail .text_marker--detail {
	font-size: 2rem;
	}
	.comeTrueBox--detail {
	padding: 1.5rem;
	}
	#contents .comeTrueBox__title--detail {
	font-size: 1.5rem;
	}
	#contents .comeTrueBox__tag--detail {
	font-size: 1.2rem;
	padding: .3rem;
	margin: 1rem 0.8rem 0 0;
	}
	.addParts--detail .btn-web a {
	padding: 1.8rem 3.5rem;
	}

	.block__item--detail.attraction {
	margin: 4rem auto 0;
	}
	#contents .addParts--detail .block__item__ttl {
	font-size: 1.7rem;
    margin: 0 auto 2rem;
    padding: 0 8%;
    max-width: 100%;
    line-height: 1.4;
	}
    #contents .addParts--detail .block__item__ttl::before{
    left: 5%;
    height: 25px;
    }
    #contents .addParts--detail .block__item__ttl::after{
    right: 5%;
    height: 25px;
    }
    
	.block__item__example--attraction {
	padding: 1.5rem;
	margin: 0 auto 2rem;
	}
	.block__item__example__inner--attraction {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 1.5rem;
	}
	.block__item__example__img-box--attraction {
	max-width: 100%;
	width: 100%;
	}
	.block__item__example__img-box--attraction + .block__item__example__img-box--attraction {
	margin-top: 1.5rem;
	}
	.caption block__item__example__caption--attraction {
	color: #a2a2a2;
	}
	#contents .block__item__example__txt--attraction {
	margin: 0;
	}
	#contents .block__item__example__txt--attraction + .block__item__example__txt--attraction {
	margin-top: 1.5rem;
	}
	#contents .block__item__point--attraction {
	margin: 0 auto;
	}
	.block__item__point__item--attraction  + .block__item__point__item--attraction {
	margin-top: 1.5rem;
	}
	#contents .addParts--detail .block__item__point__item--attraction .block__item__ttl {
		margin: 3rem auto .5rem;
	}
	#contents .block__item__point--attraction .block__item__point__ttl--attraction {
	margin: 0 auto 1rem;
	font-size: 1.6rem;
	padding: 1.5rem 1.5rem 1.5rem 6.2rem;
	}
	#contents .block__item__point--attraction .block__item__point__ttl--attraction::before {
	  width: 50px;
	  height: 32px;
	  font-size: 1.2rem;
	  line-height: 32px;
	}
	#contents .block__item__point--attraction .block__item__point__ttl--attraction::after {
	font-size: 1.2rem;
	width: 50px;
	height: 32px;
	line-height: 32px;
	left: 1px;
	}
	@media all and (-ms-high-contrast:none) {
	#contents .block__item__point--attraction .block__item__point__ttl--attraction::after {
	  font-size: 1.7rem;
	}
	}
	#contents .addParts--detail .block__item__point__txt--attraction {
	margin: 0;
	font-size: 1.4rem;
	width: 100%;
	max-width: 100%;
	}
 
    #contents .addParts--detail .block__item__ttl--viral::before{
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    background: #333333;
    padding-top: 10px;
    }
    #contents .addParts--detail .block__item__ttl--viral::after{
    transform: rotate(30deg);
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    background: #333333;
    padding-top: 10px;
    }
	#contents .block__item__point__txt--attraction + .block__item__point__txt--attraction {
	margin-top: 1.5rem;
	}

	#contents .addParts--detail .block__item__ttl--viral {
	font-size: 1.7rem;
	margin: 4rem auto 3rem;
	padding: 0 2.5rem;
	max-width: 100%;
	}
    
    #contents .addParts--detail .block__item__ttl--viral::before{
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    }
    #contents .addParts--detail .block__item__ttl--viral::after{
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    }
    
	#contents .frame-wrap--viral {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	padding: 0;
	}
	#contents .frame-wrap .type-c.frame--viral {
	width: 100%;
	margin: 0 0 3rem;
	}
	#contents .frame-wrap .type-c.frame--viral:last-child {
	margin-bottom: 0;
	}
	#contents .frame-wrap .type-c.frame--viral::before {
	width: 45px;
	height: 45px;
	background-size: contain;
	top: -20px;
	left: 7px;
	}
	#contents .frame-wrap .type-c .frame-head--viral {
	padding: 2.5rem 1.5rem 2rem;
	font-size: 1.6rem;
	margin: 0 auto 2rem;
	display: block;
	}
	#contents .frame .frame-body--viral {
	padding: 0 1.5rem 2rem;
	}
	#contents .frame p.frame-caption--viral {
	margin: 1.5rem auto 0;
	padding: 0;
	color: #a2a2a2;
	}

	.block__item--detail.info {
	margin: 4rem auto 0;
	width: 100%;
	padding: 0;
	}
	#contents .addParts--detail .info .block__item__ttl {
	  font-size: 1.7rem;
	  margin: 0 auto 1.5rem;
	  max-width: 100%;
      font-weight: normal;
	}
	.addParts02 .infoArea .infoBox .mapArea--detail {
	width: 100%;
	margin: 0 auto 1.5rem;
	}
	#contents .addParts02 .infoArea .infoBox .block__item__info__teble {
	width: 100%;
	border: none;
	}
	#contents .addParts02 .infoArea .infoBox .block__item__info__teble th {
	color: #333;
	border: 1px solid #fff;
	font-size: 1.2rem;
	padding: 1rem .5rem;
	}
	#contents .addParts02 .infoArea .infoBox .block__item__info__teble td {
	font-size: 1.2rem;
	line-height: 1.6;
	}
	.addParts--detail .block::after {
	content: none;
	}

	.addParts--detail .block--detail:last-of-type {
	margin: 4rem auto 2.5rem;
	}
	.addParts03 .summaryArea--detail {
	background: #faf8a5;
	padding: 1.5rem 1rem 2rem;
	margin: 0 auto 2.5rem;
	}
	#contents .addParts03 .summaryArea .summaryTit--detail {
	font-size: 1.8rem;
	color: #333;
	padding: 0 0 3rem;
	background-size: 40px auto;
	margin: 0 auto 1rem;
	}
	.addParts03.block--detail .summaryArea__txtArea--detail {
	padding: 1.5rem;
	}
	.addParts03.block--detail .summaryArea .txtArea .summaryArea__catch--detail {
	margin: 0 auto 1rem;
	}
	#contents .addParts--detail .btn-internal {
	margin: 0 auto 0.7rem;
	}
	.addParts--detail .btn-internal a {
	padding: 1rem 3.5rem;
	}

	/* addParts--company-list */
	.addParts--company-list {
		margin: 0 auto 8rem;
	}
	#contents .frame-wrap--company-list {
		margin: 2.5rem auto 0;
	}
	#contents .frame-wrap .type-b.frame--company-list {
	}
	#contents .frame-wrap .type-b .frame-head--company-list {
		font-size: 1.7rem;
		width: 100%;
		max-width: 100%;
		display: block;
	}
	#contents .frame-wrap .type-b .frame-head--company-list a {
	}
	#contents .frame-wrap .type-b .frame-head--company-list::after {
		width: calc(100% - 40px);
		background: linear-gradient(to right, rgba(2, 173, 228, 1), rgba(2, 173, 228, 1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
		background-size: 6px 1px;
		left: 20px;
	}
	#contents .frame-wrap .type-b .frame-body--company-list {
		padding: 0 1.5rem 2rem;
	}
	#contents .frame-wrap .type-b table .frame-th--company-list {
		border-right: 1px solid #fff;
		padding: 1rem .5rem;
	}
	#contents .frame-wrap .type-b .frame-td__caption--company-list {
		text-align: left;
		margin: 1rem 0 0;
		padding: 0;
	}

	/* addParts--liveability */
	.addParts--liveability {
		padding: 2rem 0 3rem;
		margin: 0 auto 6rem;
	}
	.addParts--liveability::before,
	.addParts--liveability::after {
		content: '';
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.addParts--liveability::before {
		height: 40px;
		top: -40px;
		background: url(img/liveability_bk.png) no-repeat;
		background-size: cover;
	}
	.addParts--liveability::after {
		height: 50px;
		bottom: -50px;
		background: url(img/liveability_bk2.png) no-repeat;
		background-size: cover;
	}
	#contents .frame-wrap--liveability {
		margin: 2.5rem auto 0;
	}
	#contents .frame-wrap .type-a .frame-head--liveability {
		text-align: center;
		max-width: 100%;
		padding: 1.8rem 1.3rem;
	}
	#contents .frame-wrap .type-a .frame-head--liveability a {
		text-align: center;
	}
	#contents .frame-wrap .type-a .frame-body--liveability {
		padding: 2rem 1.3rem;
	}

	/* addParts--model-house */
	.addParts--model-house {
		margin: 0rem auto 3rem;
	}
	.addParts03 .addTopArea--model-house {
		margin: 0 auto;
	}
	.addParts03 .addTopArea .addTopPic--model-house::before {
		content: none;
	}
	.addParts03 .addTopArea .addTopPic--model-house {
		margin: 0 auto 2rem;
		text-align: center;
        padding: 0 10px;
	}
	.addParts03 .addTopArea .addTopTxt--model-house {
	}
	#contents .addParts03 .addTopArea .addParts__title--model-house {
		color: #ff7350;
		text-align: center;
		font-size: 1.9rem;
		padding: 3rem 0 0;
		background: url(img/h2-icon.png) top center no-repeat;
		background-size: 50px auto;
		font-weight: normal;
		margin: 0 auto 1.5rem;
	}
	#contents .addParts03 .addTopArea .addParts__title--model-house a {
		color: #ff7350;
	}
	.addTxt.addParts__txt--model-house {
		font-size: 1.4rem;
		margin: 0 auto;
		max-width: 92%;
	}
	.addParts__txt--model-house + .addParts__txt--model-house {
		margin-top: 1.5rem;
	}
	.addParts03 .addTopArea .addParts__txt--model-house span.addParts__txt__emp--model-house {
		font-size: 1.5rem;
	}
    
    /* addParts--model-house2 */
    .addTopArea .addTopArea--model-house2 .cf{
    
    }
	.addParts--model-house2 {
		margin: 6rem auto 8rem;
        width: 100%;
        background: url(img/PR_bk_sp.png) no-repeat;
        padding: 5rem 0 7rem;
	}
	.addParts03 .addTopArea--model-house2 {
		margin: 0 auto;
	}

	.addParts03 .addTopArea .addTopPic--model-house2 {
		margin: 0 auto 2rem;
		text-align: center;
	}
	.addParts03 .addTopArea .addTopTxt--model-house2 {
	}
	.addTxt.addParts__txt--model-house2 {
		font-size: 1.4rem;
		margin: 0 auto;
		max-width: 92%;
	}
	.addParts__txt--model-house + .addParts__txt--model-house2 {
		margin-top: 1.5rem;
	}
	.addParts03 .addTopArea .addParts__txt--model-house span.addParts__txt__emp--model-house2 {
		font-size: 1.5rem;
	}
	#contents .addTopTxt--model-house2 .btn-internal {
		margin: 2rem auto 0;
	}
	#contents .addTopTxt--model-house2 .btn-internal a {
		font-size: 1.4rem;
		text-decoration: none;
		background-size: 14px auto;
	}

	/* addParts--knowledge */
	.addParts--knowledge {
		margin: 0 auto 6rem;
		padding: 2rem 0 4rem;
	}
	/*.addParts--knowledge::before,
	.addParts--knowledge::after {
		content: '';
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}*/
	/*.addParts--knowledge::before {
		height: 30px;
		top: -30px;
		background: url(img/liveability_bk.png) no-repeat;
		background-size: cover;
	}
	.addParts--knowledge::after {
		height: 50px;
		bottom: -50px;
		background: url(img/liveability_bk2.png) no-repeat;
		background-size: cover;
	}*/
	#contents .box-wrap--knowledge {
		margin: 2.5rem auto 0;
	}
	#contents .box-wrap .box.box--knowledge {
		width: 100%;
	}
	#contents .box-wrap .type-b .thumb--knowledge {
		width: 80px;
		text-align: center;
	}
	#contents .box-wrap .type-b .box-head--knowledge {
		padding: 0 0 0 1.2rem;
	}

	/* addParts--merit */
	.addParts--merit {
		margin: 0 auto;
		padding: 0;
	}
	#contents .box-wrap--merit {
		margin: 2.5rem auto 0;
	}
	#contents .box-wrap .box.box--merit {
		width: 100%;
		background: #e7f4f7;
		padding: 2rem 1.5rem;
		border: none;
	}
	#contents .box-wrap .box.box--merit + .box--merit {
		margin-top: 2rem;
	}
	#contents .box-wrap .box--merit:nth-child(even) {
		background: #faf8d4;
	}
	#contents .box-wrap .box--merit:nth-child(even)::before {
		content: none;
	}
	#contents .box-wrap .type-a .box-head--merit {
		font-size: 1.7rem;
		margin: 0 auto 1.5rem;
		max-width: 100%;
	}
	#contents .box-wrap .box--merit:nth-child(even) .box-head--merit {
		color: #333;
	}
	#contents .box-wrap .type-a .box-body .box-txt--merit {
		width: 100%;
		font-size: 1.4rem;
	}


	/*--------------------------------------
	　footer
	---------------------------------------*/
	footer .areaInner .logo a {
		/*pointer-events: none;*/
	}


	#contents .positioning_map .group-l .btn-map {
		top: 48%;
		left: 13%;
	}
	#contents .positioning_map .group-r .btn-map {
		position: absolute;
		left: 20%;
		bottom: 14%;
	}
	#contents .positioning_map2 .group-l2 .btn-map2 {
		top: 46%;
		left: 11%;
	}
	#contents .positioning_map2 .group-l2 .btn-map2 {
		right: 0px;
	}
	#contents .positioning_map2 .group-c2 .btn-map2 {
		position: absolute;
		left: 8%;
		bottom: 22%;
	}
	#contents .positioning_map2 .group-r2 .btn-map2 {
		position: absolute;
		left: 11%;
		bottom: 1%;
		width: 295px;
	}
			
	#contents .positioning_map2 .btn-map2:after {
			left: -296px;
			right: 0px;
			top: 15px;
			background: #f7a54b;
			outline: none;
			box-shadow: 0 0 0 2px #f7a54b;
	}
			#contents .positioning_map .btn-map:after {
					left: -273px;
					top: 15px;
					background: #75ccea;
					outline: none;
					box-shadow: 0 0 0 2px #75ccea;
			}
	#contents .positioning_map a:nth-of-type(2) .btn-map:after {
		content: "2";
		top: 28px;
		left: -263px;
		background: #3b7aea;
		outline: none;
		box-shadow: 0 0 0 2px #3b7aea;
	}
	#contents .positioning_map2 a:nth-of-type(2) .btn-map2:after {
		content: "1";
		background: #ef6452;
		outline: none;
		box-shadow: 0 0 0 2px #ef6452;
	}
	#contents .positioning_map2 a:nth-of-type(3) .btn-map2:after {
		content: "3";
		background: #e5cf2e;
		outline: none;
		top: 27px;
		box-shadow: 0 0 0 2px #e5cf2e;
	}
	
	
	#contents .positioning_map a:nth-of-type(2) .btn-map {
		width: 288px;
		left: 11%;
	}

	#contents .positioning_map {
		display:none;
		}
			#contents .positioning_map2 {
		display:none;

}
}

#contents .addParts__area__table__company01 .addParts__area__table__number.th1 {
	background:#75ccea;
	}
	#contents .addParts__area__table__company01 .addParts__area__table__number.th2 {
	background:#3b7aea;
	}
	#contents .addParts__area__table__company02 .addParts__area__table__number.th3 {
	background:#ef6452;
	}
	#contents .addParts__area__table__company02 .addParts__area__table__number.th4 {
	background:#f7a54b;
	}
	#contents .addParts__area__table__company02 .addParts__area__table__number.th5 {
	background:#e5cf2e;
	}


	#contents .positioning_map2 .group-l2 .btn-map2:after {
		content:"2";
	}




	#contents .map-img .btn-internal a {
		background: #ffffff;
		border: 1px solid #000000;
			padding: 15px 20px 10px 20px;
			border-radius: 999px;
			margin: 0;
			box-shadow: 0px 0px #fff;
		}
		
		#contents .map-img .btn-map_st {
			color: #e55c40;
			background: #fff;
		}
		#contents .map-img span {
		background: #fff;
		}
		#contents .map-img .btn-internal:after {
		border: 1px solid #000;
		
		}
		#contents .map-img .btn-internal a:after {content:"";background: url(img/arrow_black_down.png) no-repeat;background-size: cover;width: 18px;height: 12px;position: absolute;top: 27px;right: 3%;}
		
		#contents .map-img .btn-internal.btn-2 a:after  {content:"";background: url(img/arrow_black_down.png) no-repeat;background-size: cover;width: 18px;height: 12px;position: absolute;top: 37px;right: 3%;}
		
		
		
		
		#contents .map-img .btn-internal.btn-1:after {
			content: "1";
			display: flex;
			width: 40px;
			height: 40px;
			position: absolute;
			font-size: 20px;
			font-weight: bold;
			left: -95%;
			top: -6px;
			background: #82c0ea;
			color: #ffffff;
			z-index: 11;
			margin: auto;
			border-radius: 50%;
			border: 2px solid #ffffff;
			box-shadow: 0 0 0 2px #82c0ea;
			align-items: center;
			justify-content: center;
			filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
		}
		
		#contents .map-img .btn-internal.btn-2:after {
			content: "2";
			display: flex;
			width: 40px;
			height: 40px;
			position: absolute;
			font-size: 20px;
			font-weight: bold;
			left: -95%;
			top: -6px;
			background: #3b7aea;
			color: #ffffff;
			z-index: 11;
			margin: auto;
			border-radius: 50%;
			border: 2px solid #ffffff;
			box-shadow: 0 0 0 2px #3b7aea;
			align-items: center;
			justify-content: center;
			filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
		}
		
		
		
		
		
		
		#contents .map-img2 .btn-internal a {
		background: #ffffff;
		border: 1px solid #000000;
			padding: 15px 20px 10px 20px;
			border-radius: 999px;
			margin: 0;
			box-shadow: 0px 0px #fff;
		}
		
		#contents .map-img2 .btn-map_st {
			color: #e55c40;
			background: #fff;
		}
		#contents .map-img2 span {
		background: #fff;
		}
		#contents .map-img2 .btn-internal:after {
		border: 1px solid #000;
		
		}
		#contents .map-img2 .btn-internal a:after {content:"";background: url(img/arrow_black_down.png) no-repeat;background-size: cover;width: 18px;height: 12px;position: absolute;top: 27px;right: 3%;}
		
		#contents .map-img2 .btn-internal.btn-5 a:after  {content:"";background: url(img/arrow_black_down.png) no-repeat;background-size: cover;width: 18px;height: 12px;position: absolute;top: 37px;right: 3%;}
		
		
		
		#contents .map-img2 .btn-internal.btn-3:after {
			content: "2";
			display: flex;
			width: 40px;
			height: 40px;
			position: absolute;
			font-size: 20px;
			font-weight: bold;
			left: -95%;
			top: -6px;
			background: #f7a54b;
			color: #ffffff;
			z-index: 11;
			margin: auto;
			border-radius: 50%;
			border: 2px solid #ffffff;
			box-shadow: 0 0 0 2px #f7a54b;
			align-items: center;
			justify-content: center;
			filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
		}
		#contents .map-img2 .btn-internal.btn-4:after {
			content: "1";
			display: flex;
			width: 40px;
			height: 40px;
			position: absolute;
			font-size: 20px;
			font-weight: bold;
			left: -95%;
			top: -6px;
			background: #ef6452;
			color: #ffffff;
			z-index: 11;
			margin: auto;
			border-radius: 50%;
			border: 2px solid #ffffff;
			box-shadow: 0 0 0 2px #ef6452;
			align-items: center;
			justify-content: center;
			filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
		}
		#contents .map-img2 .btn-internal.btn-5:after {
			content: "3";
			display: flex;
			width: 40px;
			height: 40px;
			position: absolute;
			font-size: 20px;
			font-weight: bold;
			left: -95%;
			top: -6px;
			background: #e5cf2e;
			color: #ffffff;
			z-index: 11;
			margin: auto;
			border-radius: 50%;
			border: 2px solid #ffffff;
			box-shadow: 0 0 0 2px #e5cf2e;
			align-items: center;
			justify-content: center;
			filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
		}
		
		
		#contents .map-img .btn-internal:before {content: "";display: block;width: 100%;height: 100%;background: #000000;border-radius: 999px;z-index: -1;position: absolute;left: 4px;top: 4px;}
		
		#contents .map-img2 .btn-internal:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: #000000;
			border-radius: 999px;
			z-index: -1;
			position: absolute;
			left: 4px;
			top: 4px;
		}