@charset "UTF-8";
/* CSS Document */
/* #contents > div {
	padding: 3.5em 0;
} */
.fw6{ font-family: "Hiragino Kaku Gothic W6 JIS2004"; }
#contents{ overflow: hidden; }
#contents > .cf > .inner01 > section .btn01 a {
	width: 18em;
	color: #fff;
	text-align: center;
	margin: 0 auto 3em;
	padding: 1em 3em 1em 2em;
	background: #d93129;
	border: 1px solid #d93129;
	box-sizing: border-box;
	position: relative;
	transition: 0.4s;
}
#contents > .cf > .inner01 > section .btn01 a i {
	margin-left: 0.3em;
}
#contents > .cf > .inner01 > section .btn01 a:before,
#contents > .cf > .inner01 > section .btn01 a:after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	vertical-align: middle;
}
#contents > .cf > .inner01 > section .btn01 a:before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 1px solid #d93129;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
}
#contents > .cf > .inner01 > section .btn01 a:after{
	content: '〉';
	color: #d93129;
	font-size: 137.5%;
	top: 8px;
	right: 9px;
	transform: scaleY(0.6);
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 960px) {
	#billboard {
		box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.2);
    position: relative;
    z-index: 100;
	}
}
@media only screen and (min-width: 768px) {
	#billboard{ position: relative; height: 730px; background:url(../images/apartment-it/banner2.jpg) no-repeat center center / cover;}
	#billboard .breadCrumb{ background:none; }
	#billboard h2 {
		position: absolute;
		top: 210px;
		font-size: 29px;
		background: none;
		color:#333;
		line-height: 1.77;
		text-align: left;
		right: 296px;
	}
}

@media only screen and (max-width: 1920px) and (min-width: 768px) {
	#billboard{ height: 38.0208333333vw; }
	#billboard h2{ right: 15.416666666vw; font-size: 1.51041666667vw; top:10.9375vw; }
}
@media only screen and (max-width: 767px) {
	#billboard h2{ text-align: center; font-size: 4.26666666667vw; padding: 8vw 0 0; height: 112vw; color:#333; background:url(../images/apartment-it/banner_sp.jpg) no-repeat center bottom / cover; }
	#billboard .breadCrumb {
    border-bottom: 1px solid #fff;
	}
	#contents > .cf > .inner01 > section .btn01 a {
    width: 100%;
	}
	#contents > .cf > .inner01 > section .btn01.fix01 a {
		margin-bottom: 0;
	}
	#contents > .cf > .inner01 > section .btn01 a:after {
		font-size: 150%;
    top: 0.3em;
	}
}
@media (orientation: landscape) and (max-width: 767px){
	#contents > .cf > .inner01 > section .btn01 a:after {
    font-size: 100%;
    top: 0.75em;
    right: 0.75em;
	}
}
#parenting-generation{ background-image: url(../images/apartment-it/head_bg_read.png); }
#parenting-generation .ap-it--title01 h3:after{ background-color: #EB6168; }
#senior-generation{ background-image: url(../images/apartment-it/head_bg_purple.png); }
#senior-generation .ap-it--title01 h3:after{ background-color: #907CAA; }
#dinks{ background-image: url(../images/apartment-it/head_bg_blue.png); }
#dinks .ap-it--title01 h3:after{ background-color: #8197C0; }
#living-alone{ background-image: url(../images/apartment-it/head_bg_green.png); }
#living-alone .ap-it--title01 h3:after{ background-color: #71A769; }
#administrator{ margin-top: 100px !important; background-image: url(../images/apartment-it/head_bg_orange.png); }
#administrator .ap-it--title01 h3:after{ background-color: #B58A5F; }
#portfolio{ padding-bottom: 134px; margin-top: 100px !important; background-image: url(../images/apartment-it/head_bg_black.png); }
#portfolio .ap-it--title01 h3:after{ background-color: #807F7F; }

@media only screen and (max-width: 767px) {
	#parenting-generation{ padding: 75px 0 0; margin-top: 72px; background-image: url(../images/apartment-it/head_bg_read_sp.png); }
	#senior-generation{ padding: 75px 0 0; background-image: url(../images/apartment-it/head_bg_purple_sp.png); }
	#dinks{ padding: 75px 0 0; background-image: url(../images/apartment-it/head_bg_blue_sp.png); }
	#living-alone{ padding: 75px 0 0; background-image: url(../images/apartment-it/head_bg_green_sp.png); }
	#administrator{ margin-top: 70px !important; padding: 75px 0 0; background-image: url(../images/apartment-it/head_bg_orange_sp.png); }
	#portfolio{ margin-top: 70px !important; padding: 75px 0 70px; background-image: url(../images/apartment-it/head_bg_black_sp.png); }
}

/*=============================
apartment-it__headtab
================================	*/
.ap-it__headtab{ padding: 146px 0 158px; background: url(../images/apartment-it/bg_red.png) no-repeat center center / cover; }
.ap-it__headtab ul{ max-width: 730px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ap-it__headtab ul li{ transition: .3s ease; width: 207px; height: 207px; box-shadow: 7px 7px 5px rgb(0 0 0 / 15%); background-color: #fff; background-image: url(../images/apartment-it/list_bg.png); background-repeat: repeat-x; background-position: 0 bottom; background-size: 10px 100%; }
.ap-it__headtab ul li:hover:nth-child(1){ background-image: url(../images/apartment-it/list_bg_01.png); }
.ap-it__headtab ul li:hover:nth-child(2){ background-image: url(../images/apartment-it/list_bg_02.png); }
.ap-it__headtab ul li:hover:nth-child(3){ background-image: url(../images/apartment-it/list_bg_03.png); }
.ap-it__headtab ul li:hover:nth-child(4){ background-image: url(../images/apartment-it/list_bg_04.png); }
.ap-it__headtab ul li:hover:nth-child(5){ background-image: url(../images/apartment-it/list_bg_05.png); }
.ap-it__headtab ul li:hover:nth-child(6){ background-image: url(../images/apartment-it/list_bg_06.png); }
.ap-it__headtab ul li:not(:nth-child(-n+3)){ margin-top: 53px; }
.ap-it__headtab ul li a{ display: inline-flex; width: calc(100% - 2px); height: calc(100% - 2px); color:#333; line-height: 1.7; letter-spacing: 0.06em; font-size: 24px; align-items: center; justify-content: center; text-align: center; background-repeat: no-repeat; background-position: center calc(100% - 27px); }
.ap-it__headtab ul li:nth-child(6) a{ background-position: center calc(100% - 32px) !important; }
@media only screen and (max-width: 767px) {
	.ap-it__headtab{ padding: 50px 20px 94px; background: url(../images/apartment-it/bg_red_sp.png) no-repeat center center / cover; }
	.ap-it__headtab ul{ max-width: 334px; }
	.ap-it__headtab ul li{ /*width: 28.36%;*/ width: 95px; height: 95px;  }
	.ap-it__headtab ul li:not(:nth-child(-n+3)){ margin-top: 24px; }
	.ap-it__headtab ul li a{ font-size: 11px; background-position: center calc(100% - 11px) !important; }
	.ap-it__headtab ul li:nth-child(1) a{ background-size: 45px auto !important; }
	.ap-it__headtab ul li:nth-child(2) a{ background-size: 36px auto !important; }
	.ap-it__headtab ul li:nth-child(3) a{ background-size: 32px auto !important; }
	.ap-it__headtab ul li:nth-child(4) a{ background-size: 15px auto !important; }
	.ap-it__headtab ul li:nth-child(5) a{ background-size: 20px auto !important; }
	.ap-it__headtab ul li:nth-child(6) a{ background-size: 54px auto !important; background-position: center calc(100% - 15px) !important; }
}
@media only screen and (max-width: 320px) {
	.ap-it__headtab ul li{ width: 85px; height: 85px; }
	.ap-it__headtab ul li a{ background-position: center calc(100% - 8px) !important; }
	.ap-it__headtab ul li:nth-child(6) a{ background-position: center calc(100% - 12px) !important; }
	.ap-it__headtab ul li:not(:nth-child(-n+3)){ margin-top: 13px; }
}

/* ap-it__section */
.ap-it__section{ counter-reset: section; position: relative; padding: 80px 0 0; background-repeat:no-repeat; background-position: center 0; background-size: 100% auto; }
.ap-it__section--floatpht{ width: 435px; position: absolute; right: 183px; top: -50px; box-shadow: 5px 5px 3px rgb(0 0 0 / 20%); transform: rotate(-5deg); }
/* .ap-it__section:before{ content: ''; height: 150px; width: 100%; opacity: 0; } */
.ap-it__section .wrap{ width: calc(100% - 40px); max-width: 1048px; padding: 0 20px; margin: 0 auto; }
.ap-it--title01{ position: relative; text-align: center; }
.ap-it--title01 p{ font-size: 20px; line-height: 1.5; color:#333; }
.ap-it--title01 h3{ margin-top: 18px; padding-bottom: 26px; position: relative; font-size: 37px; font-weight: normal;  letter-spacing: 0.1em; line-height: 1; color:#333; }
.ap-it--title01 h3:after{ width: 112px; height: 6px; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.ap-it--title02{ position: relative; top: -39px; margin-bottom: -39px; overflow: hidden; z-index: 1; }
.ap-it--title02--inner{ z-index: -1; position: relative; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.ap-it--title02 h4{ padding:0 30px 0 12px; display: inline-flex; align-items: center; font-size : 23px; font-weight: 600; line-height : 1; color:#333; }
.ap-it--title02 h4:before{ counter-increment: section; content: counter(section, decimal-leading-zero); font-size: 64px; font-family: 'Roboto', sans-serif; font-style : italic; line-height: 1; }
.ap-it__scene.bg-green .ap-it--title02 h4:before{ color: #4CA82D; }
.ap-it__scene.bg-red .ap-it--title02 h4:before{ color: #EA5550; }
.ap-it__scene.bg-gossamer .ap-it--title02 h4:before{ color: #55AE91; }
.ap-it--title02 p{ font-size: 20px; color:#333; line-height: 1.5; }
.ap-it__section--info{ margin-top: 28px; }
.ap-it__section--info table{ font-size: 15px; color:#333; line-height: 1.53; }
.ap-it__section--info table td{ padding-right: 3px; }
.ap-it__scene{ margin-top: 74px; z-index: 1; position: relative; }
.ap-it__scene--inner{ padding-bottom: 33px; width: calc(100% - 8px); margin: 0 auto; border-width: 2px; border-color: rgba(124,125,128,0.7); border-style: dotted; border-top:0; background-repeat: no-repeat; background-position: center 0; background-size: cover; border-radius: 4px; }
.ap-it__scene--inner i{ position: absolute; right: 5.7%; bottom: 1px; z-index: 2; mix-blend-mode: multiply; }
.ap-it__scene--inner i.i01{ width: 5.77%; }
.ap-it__scene--inner i.i02{ width: 16.7%; }
.ap-it__scene--inner i.i03{ width: 6.4%; }
.ap-it__scene--inner i.i04{ width: 5.2%; right: 6.7%; }
.ap-it__scene--inner i.i05{ width: 4.8%; right: 15.55%; }
.ap-it__scene--inner i.i06{ width: 8.88%; right: 4.9%; }
.ap-it__scene--inner i.i07{ width: 8.4%; right: 3.9%; }
.ap-it__scene--inner i.i08{ width: 5.5%; right: 6.2%; }
.ap-it__scene--inner i.i09{ width: 6.2%; right: 6.7%; }
.ap-it__scene--inner i.i10{ width: 7.3%; right: 15.7%; }
.ap-it__scene--inner i.i11,
.ap-it__scene--inner i.i13{ width: 5%; right:17%; }
.ap-it__scene--inner i.i12{ width: 5% }
.ap-it__scene--inner i.i14{ width: 5%; right: 6.4%; }
.ap-it__scene--inner i.i15{ width: 5%; right: 6.5%; }
.ap-it__scene.bg-green .ap-it__scene--inner{ background-image: url(../images/apartment-it/bg_green_small.png); }
.ap-it__scene.bg-red .ap-it__scene--inner{ background-image: url(../images/apartment-it/bg_red_small.png); }
.ap-it__scene.bg-gossamer .ap-it__scene--inner{ background-image: url(../images/apartment-it/bg_gossamer_small.png); }
.ap-it__scene--tab{ display: block; padding: 4px 0; width: 83px; font-size: 14px; letter-spacing: 0.1em; color:#fff; font-style : italic; line-height: 1; text-align: center; background-color: #7D7D80; border-radius: 0 17px 0 0; }
.ap-it__scene--row{ padding: 10px 6.4% 0 7.7%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.ap-it__scene--pht{ width: 42.6%; box-shadow: 8px 8px 6px rgb(0 0 0 / 20%); }
.ap-it__scene--desc{ margin-top: 22px; padding: 16px 7%; box-sizing: border-box; position: relative; min-height: 180px; position: relative; z-index: 1; width: 52.4%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-repeat: repeat-x; background-size: auto 100%; border-radius: 116px; }
.ap-it__scene--desc:after{ content: ''; position: absolute; left: 50%; bottom: -17px; width: 70px; height: 17px; background-repeat: no-repeat; background-size: contain; }
/* .ap-it__scene.bg-green .ap-it__scene--desc{ background-image: url(../images/apartment-it/sms_box_line_green.png); } */
.ap-it__scene.bg-green .ap-it__scene--desc{ background: rgb(121,190,99); background: linear-gradient(180deg, rgba(121,190,99,1) 16.79%, rgba(33,147,22,1) 90.36%); }
.ap-it__scene.bg-green .ap-it__scene--desc:after{ background-image: url(../images/apartment-it/sms_box_small_green.png);}
/* .ap-it__scene.bg-red .ap-it__scene--desc{ background-image: url(../images/apartment-it/sms_box_line_red.png); } */
.ap-it__scene.bg-red .ap-it__scene--desc{ background: rgb(243,159,156);	background: linear-gradient(180deg, rgba(243,159,156,1) 16.79%, rgba(215,58,52,1) 90.36%); }
.ap-it__scene.bg-red .ap-it__scene--desc:after{ background-image: url(../images/apartment-it/sms_box_small_red.png);}
/* .ap-it__scene.bg-gossamer .ap-it__scene--desc{ background-image: url(../images/apartment-it/sms_box_line_gossamer.png); } */
.ap-it__scene.bg-gossamer .ap-it__scene--desc{ background: rgb(115,196,164); background: linear-gradient(180deg, rgba(115,196,164,1) 16.79%, rgba(20,141,103,1) 90.36%); }
.ap-it__scene.bg-gossamer .ap-it__scene--desc:after{ background-image: url(../images/apartment-it/sms_box_small_gossamer.png);}
.ap-it__scene--desc p{ font-size: 18px; color:#fff; }

@media only screen and (min-width: 768px){
	.ap-it__section:not(:nth-of-type(-n+1)){ margin-top: 150px; }
	.ap-it__scene--inner{ min-height: 206px; }
	.ap-it__scene:before{ content:''; position: absolute; top: 0; left: 0; width: 7px; height: 7px; }
	.ap-it__scene.bg-green:before{ background-color: #4CA82D; }
	.ap-it__scene.bg-red:before{ background-color: #EA5550; }
	.ap-it__scene.bg-gossamer:before{ background-color: #55AE91; }
	.ap-it--title02--inner:after{ content:''; position: absolute; left:100%; top: 39px; width: 1000px; border-top-width: 2px; border-top-style: dotted; border-top-color:rgba(124,125,128,0.7); }
	.ap-it--title02 h4::after{content: ''; position: absolute; z-index: 1; top: 36px; right: -3px; width: 7px; height: 7px;}
	.ap-it--title02 h4.space25:before{ margin-right: 15px; }
	.ap-it__scene.bg-green .ap-it--title02 h4::after{ background-color: #4CA82D; }
	.ap-it__scene.bg-red .ap-it--title02 h4::after{ background-color: #EA5550; }
	.ap-it__scene.bg-gossamer .ap-it--title02 h4::after{ background-color: #55AE91; }

	.ap-it__scene--desc.desc04{ padding: 16px 7.2%; }
	.ap-it__scene--desc.desc12{ padding: 29px 6%;}
	.ap-it__scene--desc.desc13{ padding: 16px 5%;}
	.ap-it__scene--desc.p5{ padding: 16px 5%; }
	.ap-it__scene--desc.mt0{ margin-top: 0; }
	.ap-it__scene--row.row15{ padding: 10px 6.4% 0 5.2%; }
	.ap-it__scene--row.row15 .ap-it__scene--desc{ padding: 16px 7%; }
	.ap-it__scene--row.row15 .ap-it__scene--pht{ width: 45.7%; }
	/* .ap-it__scene--row.single-row { justify-content: center;} */
	.ap-it__scene--row.single-row .ap-it__scene--desc{ margin-left: 5.6%; min-height: 163px; width: 71.7%;}
	.ap-it__scene--row.single-row .ap-it__scene--desc:after{ left: unset; right: 9.7%; }
}
@media only screen and (max-width: 1110px) and (min-width: 768px) {
	.ap-it__scene--desc{ min-height: 16.3636363636vw; }
	.ap-it__scene--desc p{ font-size: 1.63636363636vw; }
}
@media only screen and (max-width: 1920px) and (min-width: 768px) {
	.ap-it__section--floatpht{ width: 21.5104166667vw; right: 9.53125vw; top: -2.60416666667vw; }
}
@media only screen and (max-width: 1550px) and (min-width: 768px) {
	.ap-it__section--floatpht{ right: 10px; }
}

@media only screen and (max-width: 767px) {
	.ap-it__section:not(:nth-of-type(-n+1)){ margin-top: 165px; }
	.ap-it__section--floatpht{ width: 205px; right: 50%; top: -94px; transform: rotate(-5deg) translateX(50%); }
	.ap-it--title01 p{ font-size: 15px; }
	.ap-it--title01 h3{ padding-bottom: 15px; margin-top: 15px; font-size: 28px; }
	.ap-it--title01 h3:after{ height: 5px; width: 87px; }
	.ap-it__section--info{ margin-top: 45px; }
	.ap-it__section--info table{ font-size: 13px; line-height: 2; }
	.ap-it__section--info table td{ padding: 0 4px; }
	.ap-it__section--info table td:first-child{ padding-right: 16px; }

	.ap-it--title02{ top: -31px; margin-bottom: -31px; }
	.ap-it--title02--inner{ flex-direction: column; justify-content: center; width: 100%; }
	.ap-it--title02 h4{ padding: 28px 0 0 0; font-size: 18px; text-align: center; line-height: 1.5; }
	.ap-it--title02 h4:before{ position: absolute; top: 0; left: calc(50% + 6px); font-size: 58px; }
	.ap-it--title02--tab-row{ position: relative; padding: 13px 76px 13px 0; }
	.ap-it--title02--tab-row:before,
	.ap-it--title02--tab-row:after{ content:''; position: absolute; top: 31px; width: 400px; border-top:2px dotted rgba(124,125,128,0.7); }
	.ap-it--title02--tab-row:before{ right: 100%; }
	.ap-it--title02--tab-row:after{ left: 100%; }

	.ap-it__scene--tab{ font-size: 13px; padding: 3px 0; width: 75px; border-radius: 0 15px 0 0; }
	.ap-it__scene--tab:before,
	.ap-it__scene--tab:after{ content:''; position: absolute; top: 28px; width: 7px; height: 7px; z-index: 1; }
	.ap-it__scene--tab:before{ left: -3px; }
	.ap-it__scene--tab:after{ right: -3px; }
	.ap-it__scene.bg-green .ap-it__scene--tab:before,
	.ap-it__scene.bg-green .ap-it__scene--tab:after{ background-color: #4CA82D; }
	.ap-it__scene.bg-red .ap-it__scene--tab:before,
	.ap-it__scene.bg-red .ap-it__scene--tab:after{ background-color: #EA5550; }
	.ap-it__scene.bg-gossamer .ap-it__scene--tab:before,
	.ap-it__scene.bg-gossamer .ap-it__scene--tab:after{ background-color: #55AE91; }

	.ap-it__scene--row{ margin-top: 20px; padding: 0; flex-direction: column; justify-content:center; align-items: center; }
	.ap-it__scene--row.single-row .ap-it__scene--desc{ margin-top: 0; }
	.ap-it__scene--pht{ width: 72vw; }
	.ap-it__scene--row.row15 .ap-it__scene--pht{ width: 77.0666666667vw; padding-left: 10px; }
	.ap-it__scene--desc{ padding: 16px 9.33333333333vw; margin-top: 30px; width: 100%; min-height: 192px; max-width: 85.3333333333vw; border-radius: 88px; }
	.ap-it__scene--desc:after{ width: 46px; height: 11px; bottom:-11px; left: unset; right: 30.1333333333vw; }
	.ap-it__scene--desc p{ font-size: 13px; line-height: 2; }
	.ap-it__scene--inner{ background-size: 100% auto; background-position: 0 46px; padding-bottom: 68px; border-radius: 4px; }
	.ap-it__scene.bg-green .ap-it__scene--inner{ background-image: url(../images/apartment-it/bg_green_small_sp.png); }
	.ap-it__scene.bg-red .ap-it__scene--inner{ background-image: url(../images/apartment-it/bg_red_small_sp.png); }
	.ap-it__scene.bg-gossamer .ap-it__scene--inner{ background-image: url(../images/apartment-it/bg_gossamer_small_sp.png); }
	.ap-it__scene--inner i.i01{ width: 36px; right: 9.06666666667vw; }
	.ap-it__scene--inner i.i02{ width: 121px; right: 3.46666666667vw; }
	.ap-it__scene--inner i.i03{ width: 49px; right: 3.46666666667vw; }
	.ap-it__scene--inner i.i04{ width: 44px; right: 3.73333333333vw; }
	.ap-it__scene--inner i.i05{ width: 38px; right: 5.33333333333vw; }
	.ap-it__scene--inner i.i06{ width: 68px; right: 4.26666666667vw; }
	.ap-it__scene--inner i.i07{ width: 65px; right: 2.13333333333vw; }
	.ap-it__scene--inner i.i08{ width: 42px; right: 5.86666666667vw; }
	.ap-it__scene--inner i.i09{ width: 49px; right: 6.66666666667vw; }
	.ap-it__scene--inner i.i10{ width: 60px; right: 7.73333333333vw; }
	.ap-it__scene--inner i.i11{ width: 38px; right: 7.6.13333333333vw; }
	.ap-it__scene--inner i.i12{ width: 38px; right: 5.33333333333vw; }
	.ap-it__scene--inner i.i13{ width: 38px; right: 5.33333333333vw; }
	.ap-it__scene--inner i.i14{ width: 38px; right: 5.33333333333vw; }
	.ap-it__scene--inner i.i15{ width: 37px; right: 4vw; }
}

/* ap-it__accordion */
.ap-it__accordion{ margin-top: 25px; }
.ap-it__accordion dt{ transition: all .3s ease-out; padding: 22px 0; position: relative; font-size: 24px; font-weight: bold; color:#fff; text-align: center; border-radius: 0 24px 0 0; letter-spacing: 0.05em; line-height: 1.04; cursor: pointer; }
.ap-it__accordion dt:before{ transition: all .3s ease-out; content: ''; position: absolute; left: -1000px; top: 0; width: 1000px; height: 100%; }
.ap-it__accordion.green dt{ background-color: #4CA82D; }
.ap-it__accordion.green dt:before{ background-color: #4CA82D; }

.ap-it__accordion.red dt{ background-color: #EA5550; }
.ap-it__accordion.red dt:before{ background-color: #EA5550; }

.ap-it__accordion.gossamer dt{ background-color: #55AE91; }
.ap-it__accordion.gossamer dt:before{ background-color: #55AE91; }

.ap-it__accordion dt span{ position: relative; display: inline-block; padding-left: 40px; }
.ap-it__accordion dt i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: #fff; border-radius: 50%; }
.ap-it__accordion dt i:before {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 0;
    height: 0;
    transform-origin: 50% 50%;
    transition: all .3s ease-out;
	border-top:7px solid transparent;
	border-left:9px solid transparent;
	border-bottom:7px solid transparent;
}
.ap-it__accordion dt.on i:before{ transform: rotate(90deg); right: 15px; }

.ap-it__accordion.green dt i:before { border-left-color:#4CA82D; }
.ap-it__accordion.red dt i:before { border-left-color: #EA5550; }
.ap-it__accordion.gossamer dt i:before { border-left-color: #55AE91; }

.ap-it__accordion dd{ display: none; position: relative; padding: 47px 0 50px; position: relative; background-color: #F4F4F4; }
.ap-it__accordion dd.on{ display: flex; flex-wrap: wrap; }
.ap-it__accordion dd:before{ content: ''; position: absolute; left: -1000px; top: 0; width: 1000px; height: 100%; background-color: #F4F4F4; }
.ap-it__accordion--row{ display: flex; flex-wrap: wrap; }
.ap-it__accordion--col-desc{ width: calc(63% - 17px); padding-left: 17px; }
.ap-it__accordion--solve{ width: 8%; }
.ap-it__accordion--desc{ max-width: 85%; }
.ap-it__accordion--desc p{ font-size: 20px; color:#333; line-height: 1.6; }
.ap-it__accordion--desc p small{ font-size: 13px; }
.ap-it__accordion--desc p.small{ font-size: 13px; }
.ap-it__accordion--desc p+p{ margin-top: 20px; }
.ap-it__accordion--desc .highlightme{background: linear-gradient(0deg, #FFE62E 38%,transparent 0);}
.ap-it__accordion--foot{ margin-top: 20px; padding-top: 24px; border-top-width: 2px; border-top-style: dotted; border-top-color: rgba(124,125,128,0.7); }
.ap-it__accordion--group{ display: flex; flex-wrap: wrap; align-items: center; max-width: 85%; }
i.logo01{ max-width: 36.6%; }
i.logo02{ max-width: 30%; }
i.logo03{ max-width: 30%; }
.ap-it__accordion--link{ margin-left: 40px; font-size: 18px; line-height: 1.22; transition: .3s ease; }
.ap-it__accordion--link:hover{ border-bottom-color: transparent !important; }
.ap-it__accordion.green .ap-it__accordion--link{ color:#4CA82D; border-bottom:1px solid #4CA82D; }
.ap-it__accordion.red .ap-it__accordion--link{ color:#EA5550; border-bottom:1px solid #EA5550; }
.ap-it__accordion.gossamer .ap-it__accordion--link{ color:#55AE91; border-bottom:1px solid #55AE91; }

.ap-it__accordion--link:after{
	display: inline-block;
	content:''; 
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left:6px solid #000;
	margin-left: 8px;
}
.ap-it__accordion.green .ap-it__accordion--link:after{ border-left-color: #4CA82D; }
.ap-it__accordion.red .ap-it__accordion--link:after{ border-left-color: #EA5550; }
.ap-it__accordion.gossamer .ap-it__accordion--link:after{ border-left-color: #55AE91; }

@media only screen and (min-width: 768px){
	.ap-it__accordion.green dt:hover{ background-color: #A8C49D; }
	.ap-it__accordion.green dt:hover:before{ background-color: #A8C49D; }

	.ap-it__accordion.red dt:hover{ background-color: #E8AFAA; }
	.ap-it__accordion.red dt:hover:before{ background-color: #E8AFAA; }

	.ap-it__accordion.gossamer dt:hover{ background-color: #A6BFB2; }
	.ap-it__accordion.gossamer dt:hover:before{ background-color: #A6BFB2; }

	.ap-it__accordion.green dt:hover i:before { border-left-color:#A8C49D; }
	.ap-it__accordion.red dt:hover i:before { border-left-color: #E8AFAA; }
	.ap-it__accordion.gossamer dt:hover i:before { border-left-color: #A6BFB2; }
	
	.ap-it__accordion dd{ min-height: 213px;}
	.ap-it__accordion--pht{ position: absolute; }
	#accordion01 .ap-it__accordion--pht,
	#accordion07 .ap-it__accordion--pht,
	#accordion09 .ap-it__accordion--pht,
	#accordion11 .ap-it__accordion--pht,
	#accordion14 .ap-it__accordion--pht{ width: 22.9%; right: 9.2%; top: 20px; }
	#accordion02 .ap-it__accordion--pht{ width: 34.8%; top: 0; right: 3.9%; }
	#accordion03 .ap-it__accordion--pht{ width: 32.15%; top: 48px; right: 4.49%; }
	#accordion04 .ap-it__accordion--pht{ width: 22.9%; right: 9.2%; top: 20px; }
	#accordion05 .ap-it__accordion--pht{ width: 33%; top: 20px; right: 3.8%; }
	#accordion06 .ap-it__accordion--pht{ width: 32%; right: 4.6%; top: 48px; }
	#accordion08 .ap-it__accordion--pht{ width: 33.4%; top: 50px; right: 3.4%; }
	#accordion10 .ap-it__accordion--pht{ width: 22.9%; top: 22px; right: 9.2%; }
	#accordion12 .ap-it__accordion--pht{ width: 32.7%; top: 22px; right: 4%; }
	#accordion13 .ap-it__accordion--pht{ width: 32.15%; top: 48px; right: 4.49%; }
	#accordion15 .ap-it__accordion--pht{ width: 23.2%; top: 21px; right: 9.2%; }

	#accordion03 dd,
	#accordion13 dd{ padding: 47px 0 60px; }
	#accordion05 dd{ padding: 47px 0 67px; }
	#accordion06 dd{ padding: 47px 0 60px; }
	#accordion07 dd{ min-height: 253px; }
	#accordion09 dd{ padding: 47px 0 60px; }
	#accordion12 dd{ padding: 47px 0 35px; }
	/* #accordion09 dd{ min-height: 223px; } */

	#accordion08 .ap-it__accordion--foot{ position: relative; border-top:0; }
	#accordion08 .ap-it__accordion--foot:before{ content: ''; width: 83%; position: absolute; left: 0; top: 0; border-top:2px dotted rgba(124,125,128,0.7); }
	#accordion13 .ap-it__accordion--foot{ margin-top: 55px; }
	.ap-it__scene--inner.pb10{ padding-bottom: 10px; }
	.ap-it__accordion--desc.w92{ max-width: 92%; }
	
}

@media only screen and (max-width: 1110px) and (min-width: 768px) {
	/* .ap-it__accordion dt{ font-size: 2.16216216216vw; } */
	.ap-it__accordion--desc p{ font-size: 1.8018018018vw; }
	.ap-it__accordion--link{ font-size: 1.62162162162vw; }
	/* .ap-it__accordion--group i{ max-width: 14.6846846847vw; } */
	#accordion07 dd{ min-height: 22.7927927928vw; }
}

@media only screen and (max-width: 767px) {
	.ap-it__accordion{ margin-top: 46px; }
	.ap-it__accordion dt{ padding: 17px 0; font-size: 18px; border-left:20px; }
	.ap-it__accordion dt span{ padding-left: 35px; }
	.ap-it__accordion dt i{ width: 30px; height: 30px; }
	.ap-it__accordion dt i:before {
		right: 11px;
		top: 11px;
		border-top:5px solid transparent;
		border-left:6px solid transparent;
		border-bottom:5px solid transparent;
	}
	.ap-it__accordion dt.on i:before{ right: 12px; }
	.ap-it__accordion--row{ flex-direction: column; align-items: flex-start; }
	.ap-it__accordion--solve{ margin: 0 auto; width: 94px; }
	.ap-it__accordion--col-desc{ width:calc(100% - 20px); padding: 0; }
	.ap-it__accordion--desc{ margin-top: 30px; max-width: 100%; }
	.ap-it__accordion--desc p{ font-size: 13px; }
	.ap-it__accordion--desc p+p{ margin-top: 23px; }
	.ap-it__accordion--desc p.small{ font-size: 12px; }
	.ap-it__accordion--pht{ margin: 30px auto 0; }
	#accordion01 .ap-it__accordion--pht,
	#accordion04 .ap-it__accordion--pht,
	#accordion07 .ap-it__accordion--pht,
	#accordion09 .ap-it__accordion--pht,
	#accordion10 .ap-it__accordion--pht,
	#accordion11 .ap-it__accordion--pht,
	#accordion14 .ap-it__accordion--pht,
	#accordion15 .ap-it__accordion--pht{  max-width: 229px; }
	#accordion02 .ap-it__accordion--pht{ margin: 15px auto 0; max-width: 230px; }
	#accordion03 .ap-it__accordion--pht,
	#accordion06 .ap-it__accordion--pht,
	#accordion13 .ap-it__accordion--pht{ padding-bottom: 15px; max-width: 256px; }
	#accordion05 .ap-it__accordion--pht{ max-width: 288px; }
	#accordion08 .ap-it__accordion--pht{ width: 95%; max-width: 306px; padding-bottom: 20px; }
	#accordion12 .ap-it__accordion--pht{ max-width: 288px; }
	.ap-it__accordion--foot{ padding-top: 35px; margin-top: 30px; }
	.ap-it__accordion--group{ max-width: 100%; justify-content: center; flex-direction: column; }
	i.logo01{ margin: 0 auto; max-width: 205px; }
	i.logo02{ margin: 0 auto; max-width: 170px; }
	i.logo03{ margin: 0 auto; max-width: 184px; }
	.ap-it__accordion--link{ margin: 40px auto 0; font-size: 20px; }
	.ap-it__accordion dd{ padding: 30px 0 53px; }
	#accordion02 dd{ padding-bottom: 53px; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ap-it__headtab ul li:nth-child(1) a{background-image:url(/blog/wp-content/themes/10fw/images/apartment-it/p-01.png) !important;}
	.ap-it__headtab ul li:nth-child(2) a{background-image:url(/blog/wp-content/themes/10fw/images/apartment-it/p-02.png) !important;}
	.ap-it__headtab ul li:nth-child(3) a{background-image:url(/blog/wp-content/themes/10fw/images/apartment-it/p-03.png) !important;}
	.ap-it__headtab ul li:nth-child(4) a{background-image:url(/blog/wp-content/themes/10fw/images/apartment-it/p-04.png) !important;}
	.ap-it__headtab ul li:nth-child(5) a{background-image:url(/blog/wp-content/themes/10fw/images/apartment-it/p-05.png) !important;}
	.ap-it__headtab ul li:nth-child(6) a{background-image:url(/blog/wp-content/themes/10fw/images/apartment-it/p-06.png) !important;}
 }


 /* IE10-11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ap-it__accordion dt span{ padding-left: 50px;}
}