@charset "utf-8";

/* top */

/* IE11 animation lineMove */
.scroll-line {
	right: 50%;
	bottom: 65px;
	width: 1px;
	height: 90px;
	background:rgba(108,36,136,1);
}
.scroll-line::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 1px;
	background:rgba(255,255,255,1);
	-webkit-animation: lineMove 3.0s ease infinite;
	animation: lineMove 4.0s ease infinite;
}
.scroll-line span {
	position: absolute;
	top: -54px;
	left: -9px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	letter-spacing: 0.08em;
	color: #fff;
	transform: scale(0.9);
	transform-origin: left bottom;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
}
@keyframes lineMove {
	0% {
		bottom: 100%;
		height: 0;
	}
	20% {
		bottom: 0;
		height: 100%;
	}
	40% {
		bottom: 0;
		height: 0;
	}
	100% {
		bottom: 0;
		height: 0;
	}
}

/* sp - 599px */
@media only screen and (max-width: 599px) {

/* animation lineMove */
.scroll-line {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 1px;
	height: 60px;
	background:rgba(108,36,136,1);
	transition: all 1.4s;
}
.scroll-line::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 1px;
	background:rgba(255,255,255,1);
	-webkit-animation: lineMove 3.0s ease infinite;
	animation: lineMove 4.0s ease infinite;
}
.scroll-line span {
	position: absolute;
	top: -48px;
	left: -8px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	letter-spacing: 0.08em;
	color: #fff;
	transform: scale(0.9);
	transform-origin: left bottom;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
}

} /* sp end */


/* header
----------------------------------------- */
#header {
}
/* main-visual frame */
/* #header::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 8px);
	height: calc((var(--vh, 1vh) * 100) - 8px);
	min-height: 592px;
	border: 4px solid #6c2488;
	z-index: -1;
} */

/* main-visual-area */
.main-visual-area {
	position: relative;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.main-visual-area::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background:rgba(17,17,17,0.30);
	background-size: cover;
	z-index: -10;
}
.bx-wrapper,
.bx-viewport {
}
.main-visual-slide {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: -10;
}
.main-visual-slide li {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	margin: 0;
	padding: 0;
}
.main-visual-slide .m-slide01 {
	background: url(mainvisual01_sp.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide02 {
	background: url(mainvisual02_sp.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide03 {
	background: url(mainvisual03_sp.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide04 {
	background: url(mainvisual04_sp.jpg) center center no-repeat;
	background-size: cover;
}

.main-visual-copy {
    position: absolute;
    bottom: calc(25% - 4.5em);
    left: 40px;
    max-width: 80%;
}
.main-visual-copy .eng {
	display: block;
	margin-bottom: 32px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 6vw;
	line-height: 1.25;
	letter-spacing: 0;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .6s;
}
.main-visual-copy.fade-in .eng {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-copy .eng .br-sp {
}
.main-visual-copy .jpn {
	position: relative;
	display: inline-block;
	font-size: 4.8vw;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .6s;
	transition-delay: .1s;
}
.main-visual-copy.fade-in .jpn {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-copy .jpn::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: calc(100% - 0.4em);
	height: 1px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: top left;
	transition: all 1.2s;
	transition-delay: .2s;
	transition-timing-function: cubic-bezier(.04,.84,.41,.95);
}
.main-visual-copy.fade-in .jpn::after {
	transform: scaleX(1);
}
.main-visual-link {
	position: absolute;
	bottom: 15%;
	left: 40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .6s;
}
.main-visual-link.fade-in {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-link:hover {
	color: #fff;
}
.main-visual-link::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 46px;
	background: url(link-circle_sp.svg) 0 0 no-repeat;
	background-size: 46px 46px;
}
.main-visual-link span {
	position: relative;
	display: inline-block;
	padding: 10px 90px 0 0;
}
.main-visual-link span::before {
	display: block;
	content: '';
	position: absolute;
	top: 24px;
	right: 21px;
	width: 44px;
	height: 1px;
	background-color: #fff;
}
.main-visual-link span::after {
	display: block;
	content: '';
	position: absolute;
	top: 24px;
	right: 21px;
	width: 6px;
	height: 1px;
	background-color: #fff;
	transform-origin: right bottom;
	transform: rotate(40deg);
}
.main-visual-side-area {
}
.mainvisual-copyright {
	display: none;
}


/* contents
----------------------------------------- */
/* intro-sec */
.intro-sec {
	position: relative;
	margin-bottom: 75px;
	padding: 60px 0 115px;
	background: url(intro-bg_sp.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.intro-sec-inner {
}
.intro-sec-text-area {
	margin-bottom: 45px;
}
.intro-sec-ttl {
	position: relative;
	margin-bottom: 45px;
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
}
.intro-sec-ttl::before {
	display: block;
	content: '';
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: url(intro-icon-x_sp.svg) 0 0 no-repeat;
	background-size: 24px 24px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .intro-sec-ttl::before {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .1s;
}
.intro-sec-azuma-land-surver {
	position: relative;
	display: block;
	margin-bottom: 53px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-azuma-land-house-investigator {
	position: relative;
	display: block;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .intro-sec-azuma-land-surver {
	transform: translateY(0);
	opacity: 1;
}
.intro-sec-text-area.scrollin .intro-sec-azuma-land-house-investigator {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .2s;
}

.intro-sec-ttl span > span {
	position: relative;
	display: inline-block;
	line-height: 1;
}
/*.intro-sec-ttl span > span::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #111;
}*/
.intro-sec .sec-lead {
	padding: 0 40px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .sec-lead {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}
.intro-sec-img-area {
	padding: 0 40px;
}
.intro-sec-img-area picture {
	display: inline-block;
	position: relative;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transform: translateY(25px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-img-area.scrollin picture {
	position: relative;
	transform: translateY(0);
	opacity: 1;
	transition-delay: .05s;
}
.intro-sec-bg-typo {
	position: absolute;
	bottom: -36px;
	left: 0;
	z-index: 1;
}
.intro-sec-bg-typo li {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 7.0rem;
    line-height: 1.4;
    letter-spacing: -0.05em;
    color: #fff;
    white-space: nowrap;
	z-index: 1;
}

/* service-sec */
.service-sec {
}
.service-sec .sec-ttl {
	margin-bottom: 38px;
}
.service-sec-inner {
	position: relative;
	padding: 0 40px 90px;
}
.service-sec-inner::before {
	display: block;
	content: '';
	position: absolute;
	top: 30vw;
	left: 0;
	width: 100%;
	height: calc(100% - 30vw);
	/*background-color: #F1F1F4;*/
	z-index: -10;
}
.azuma-land-surver-area {
	margin-bottom: 65px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.azuma-land-house-investigator-area {
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.azuma-land-surver-area.scrollin  {
	transform: translateY(0);
	opacity: 1;
}
.azuma-land-house-investigator-area.scrollin  {
	transform: translateY(0);
	opacity: 1;
}
.service-sec-img {
	position: relative;
	margin-bottom: 35px;
}
.service-sec-img::before {
	display: block;
	content: '';
	position: absolute;
	top: -13px;
	left: 10px;
	width: 1px;
	height: 50px;
	background-color: #6c2488;
	transform-origin: center center;
	transform: rotate(45deg);
	z-index: 10;
}
.service-sec-img::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -13px;
	right: 11px;
	width: 1px;
	height: 50px;
	background-color: #6c2488;
	transform-origin: center center;
	transform: rotate(45deg);
	z-index: 10;
}
.service-sec-inner-ttl {
	margin-bottom: 25px;
	text-align: center;
}
.service-sec-inner-ttl .num {
	position: absolute;
	top: -12px;
	left: -14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	color: #6c2488;
}
.service-sec-inner-ttl .jpn {
	position: relative;
	display: inline-block;
	margin-bottom: 8px;
	font-size: 2.2rem;
	line-height: 1.6;
}
.service-sec-inner-ttl .eng {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1.3;
	letter-spacing: 0.04em;
	color: #6c2488;
}
.service-sec .sec-lead {
}
.service-sec-link {
	margin-top: 28px;
	text-align: right;
}

/* blog-sec */
.blog-sec {
	position: relative;
	padding: 0 40px 60px;
	/*background-color: #F1F1F4;*/
	overflow: hidden;
}
.blog-sec .sec-ttl {
	margin-bottom: 38px;
}
.blog-list {
	position: relative;
	z-index: 10;
}
.blog-list li {
	margin-bottom: 40px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.blog-list li.scrollin {
	transform: translateY(0);
	opacity: 1;
}
.blog-list li:last-child {
	margin-bottom: 0;
}
.blog-list li a {
	display: block;
	background-color: #fff;
}
.blog-list-img {
	margin-bottom: 22px;
	padding: 5px 5px 0;
}
.blog-list-info {
	position: relative;
	padding: 0 25px 28px;
}
.blog-list-ttl {
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 1.6rem;
}
.blog-list-category {
}
.blog-list-category span {
	display: inline-block;
	padding: 0 10px;
	font-size: 1.0rem;
	color: #fff;
	background-color: #6c2488;
	border-radius: 10px;
	line-height: 20px;
	letter-spacing: 0.01em;
}
.blog-list-date {
	position: absolute;
	bottom: 33px;
	right: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #6c2488;
}
.blog-sec-link {
	position: relative;
	margin-top: 50px;
	text-align: right;
	z-index: 10;
}
.blog-sec-bg-typo {
	position: absolute;
	bottom: -36px;
	left: 0;
	z-index: 1;
}
.blog-sec-bg-typo li {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 22.0rem;
	line-height: 1.0;
	letter-spacing: -0.05em;
	color: #fff;
	white-space: nowrap;
	z-index: 1;
}








































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {

/* animation lineMove */
.scroll-line {
	position: absolute;
	right: 40px;
	bottom: 40px;
	width: 1px;
	height: 90px;
	background:rgba(108,36,136,1);
	transition: all 1.4s;
}
.scroll-line::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 1px;
	background:rgba(255,255,255,1);
	-webkit-animation: lineMove 3.0s ease infinite;
	animation: lineMove 4.0s ease infinite;
}
.scroll-line span {
	position: absolute;
	top: -48px;
	left: -8px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	letter-spacing: 0.08em;
	color: #fff;
	transform: scale(1.0);
	transform-origin: left bottom;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
}


/* header
----------------------------------------- */
#header {
}
/* main-visual frame */
/* #header::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 8px);
	height: calc((var(--vh, 1vh) * 100) - 8px);
	border: 4px solid #6c2488;
	z-index: -1;
} */

/* main-visual-area */
.main-visual-area {
	position: relative;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.main-visual-area::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background:rgba(17,17,17,0.30);
	background-size: cover;
	z-index: -10;
}
.bx-wrapper,
.bx-viewport {
}
.main-visual-slide {
	position: relative;
	z-index: -10;
}
.main-visual-slide li {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	margin: 0;
	padding: 0;
}
.main-visual-slide .m-slide01 {
	background: url(mainvisual01_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide02 {
	background: url(mainvisual02_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide03 {
	background: url(mainvisual03_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide04 {
	background: url(mainvisual04_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-copy {
	position: absolute;
	bottom: calc(42% - 4.5em);
	left: 10%;
}
.main-visual-copy .eng {
	display: block;
	margin-bottom: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 6.5vw;
	line-height: 1.25;
	letter-spacing: 0;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .8s;
}
.main-visual-copy.fade-in .eng {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-copy .eng .br-sp {
}
.main-visual-copy .jpn {
	position: relative;
	display: inline-block;
	font-size: 2.8vw;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .8s;
	transition-delay: .2s;
}
.main-visual-copy.fade-in .jpn {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-copy .jpn::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: calc(100% - 0.4em);
	height: 1px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: top left;
	transition: all 1.2s;
	transition-delay: .4s;
	transition-timing-function: cubic-bezier(.04,.84,.41,.95);
}
.main-visual-copy.fade-in .jpn::after {
	transform: scaleX(1);
}
.main-visual-link {
	position: absolute;
	bottom: 15%;
	left: 10%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .8s;
}
.main-visual-link.fade-in {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-link:hover {
	color: #fff;
}
.main-visual-link::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 46px;
	background: url(link-circle_sp.svg) 0 0 no-repeat;
	background-size: 46px 46px;
}
.main-visual-link span {
	position: relative;
	display: inline-block;
	padding: 10px 90px 0 0;
}
.main-visual-link span::before {
	display: block;
	content: '';
	position: absolute;
	top: 24px;
	right: 21px;
	width: 44px;
	height: 1px;
	background-color: #fff;
}
.main-visual-link span::after {
	display: block;
	content: '';
	position: absolute;
	top: 24px;
	right: 21px;
	width: 6px;
	height: 1px;
	background-color: #fff;
	transform-origin: right bottom;
	transform: rotate(40deg);
}
.main-visual-side-area {
}
.mainvisual-copyright {
	display: none;
}


/* contents
----------------------------------------- */
/* intro-sec */
.intro-sec {
	position: relative;
	margin-bottom: 100px;
	padding: 90px 0 115px;
	background: url(intro-bg_sp.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.intro-sec-inner {
	width: 80%;
	margin: 0 auto;
}
.intro-sec-text-area {
	margin-bottom: 45px;
}
.intro-sec-ttl {
	position: relative;
	margin-bottom: 45px;
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
}
.intro-sec-ttl::before {
	display: block;
	content: '';
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: url(intro-icon-x_sp.svg) 0 0 no-repeat;
	background-size: 24px 24px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .intro-sec-ttl::before {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .1s;
}
.intro-sec-azuma-land-surver {
	position: relative;
	display: block;
	margin-bottom: 53px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-azuma-land-house-investigator {
	position: relative;
	display: block;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .intro-sec-azuma-land-surver {
	transform: translateY(0);
	opacity: 1;
}
.intro-sec-text-area.scrollin .intro-sec-azuma-land-house-investigator {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .2s;
}

.intro-sec-ttl span > span {
	position: relative;
	display: inline-block;
	line-height: 1;
}
/*.intro-sec-ttl span > span::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #111;
}*/
.intro-sec .sec-lead {
	padding: 0 40px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .sec-lead {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}
.intro-sec-img-area {
	padding: 0 40px;
}
.intro-sec-img-area picture {
	display: inline-block;
	position: relative;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transform: translateY(25px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
}
.intro-sec-img-area.scrollin picture {
	position: relative;
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0;
}
.intro-sec-bg-typo {
	position: absolute;
	bottom: -36px;
	left: 0;
	z-index: 1;
}
.intro-sec-bg-typo li {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 22.0rem;
	line-height: 1.0;
	letter-spacing: -0.05em;
	color: #fff;
	white-space: nowrap;
	z-index: 1;
}

/* service-sec */
.service-sec {
}
.service-sec .sec-ttl {
	margin-bottom: 55px;
}
.service-sec-inner {
	position: relative;
	display: flex;
	padding: 0 8% 60px;
}
.service-sec-inner::before {
	display: block;
	content: '';
	position: absolute;
	top: 14vw;
	left: 0;
	width: 100%;
	height: calc(100% - 14vw);
	/*background-color: #F1F1F4;*/
	z-index: -10;
}
.azuma-land-surver-area {
	width: 45%;
	margin: 0 10% 65px 0;
	transform: translateY(35px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
}
.azuma-land-house-investigator-area {
	width: 45%;
	transform: translateY(35px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
	transition-delay: .15s;
}
.azuma-land-surver-area.scrollin  {
	transform: translateY(0);
	opacity: 1;
}
.azuma-land-house-investigator-area.scrollin  {
	transform: translateY(0);
	opacity: 1;
}
.service-sec-img {
	position: relative;
	margin-bottom: 50px;
}
.service-sec-img::before {
	display: block;
	content: '';
	position: absolute;
	top: -13px;
	left: 10px;
	width: 1px;
	height: 50px;
	background-color: #6c2488;
	transform-origin: center center;
	transform: rotate(45deg);
	z-index: 10;
}
.service-sec-img::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -13px;
	right: 11px;
	width: 1px;
	height: 50px;
	background-color: #6c2488;
	transform-origin: center center;
	transform: rotate(45deg);
	z-index: 10;
}
.service-sec-inner-ttl {
	margin-bottom: 35px;
	text-align: center;
}
.service-sec-inner-ttl .num {
	position: absolute;
	top: -12px;
	left: -14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	color: #6c2488;
}
.service-sec-inner-ttl .jpn {
	position: relative;
	display: inline-block;
	margin-bottom: 8px;
	font-size: 2.8vw;
	line-height: 1.6;
}
.service-sec-inner-ttl .eng {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	line-height: 1.3;
	letter-spacing: 0.04em;
	color: #6c2488;
}
.service-sec .sec-lead {
}
.service-sec-link {
	margin-top: 28px;
	text-align: right;
}

/* blog-sec */
.blog-sec {
	position: relative;
	padding: 0 0 100px;
	/*background-color: #F1F1F4;*/
	overflow: hidden;
}
.blog-sec .sec-ttl {
	margin-bottom: 55px;
}
.blog-list {
	display: flex;
	position: relative;
	z-index: 10;
}
.blog-list li {
	width: 32%;
	margin: 0 2% 0 0;
	background-color: #fff;
	transform: translateY(25px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.blog-list li:nth-child(1).scrollin {
	transform: translateY(0);
	opacity: 1;
}
.blog-list li:nth-child(2).scrollin {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .1s
}
.blog-list li:nth-child(3).scrollin {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .2s
}
.blog-list li:last-child {
	margin: 0;
}
.blog-list li a {
	display: block;
	background-color: #fff;
}
.blog-list-img {
	margin-bottom: 22px;
	padding: 5px 5px 0;
}
.blog-list-info {
	position: relative;
	padding: 0 25px 28px;
}
.blog-list-ttl {
	margin-bottom: 10px;
	line-height: 1.6;
	font-size: 1.5rem;
}
.blog-list-category {
	margin-bottom: 10px;
}
.blog-list-category span {
	display: inline-block;
	padding: 0 10px;
	font-size: 1.0rem;
	color: #fff;
	background-color: #6c2488;
	border-radius: 10px;
	line-height: 20px;
	letter-spacing: 0.01em;
}
.blog-list-date {
	position: relative;
	bottom: auto;
	right: auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #6c2488;
	text-align: right;
}
.blog-sec-link {
	position: relative;
	margin-top: 50px;
	padding-right: 40px;
	text-align: right;
	z-index: 10;
}
.blog-sec-bg-typo {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.blog-sec-bg-typo li {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 22.0rem;
	line-height: 1.0;
	letter-spacing: -0.05em;
	color: #fff;
	white-space: nowrap;
	z-index: 1;
}


} /* tablet end */



















































/* PC 960px - */
@media only screen and (min-width: 960px) {

/* animation lineMove */
.scroll-line {
	position: absolute;
	right: 50%;
	bottom: 65px;
	width: 1px;
	height: 90px;
	background:rgba(108,36,136,1);
	transition: all 1.4s;
}
.scroll-line::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 1px;
	background:rgba(255,255,255,1);
	-webkit-animation: lineMove 3.0s ease infinite;
	animation: lineMove 4.0s ease infinite;
}
.scroll-line span {
	position: absolute;
	top: -54px;
	left: -9px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	letter-spacing: 0.08em;
	color: #fff;
	transform: scale(1.0);
	transform-origin: left bottom;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
}


/* header
----------------------------------------- */
#header {
}
#header::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 8px);
	height: calc(100vh - 8px);
	height: calc((var(--vh, 1vh) * 100) - 8px);
	/*border: 4px solid #6c2488;*/
	z-index: -1;
}

/* main-visual-area */
.main-visual-area {
	position: relative;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.main-visual-area::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	background:rgba(17,17,17,0.30);
	background-size: cover;
	z-index: -10;
}
.bx-wrapper,
.bx-viewport {
}
.main-visual-slide {
	position: relative;
	z-index: -10;
}
.main-visual-slide li {
	width: 100%;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	margin: 0;
	padding: 0;
}
.main-visual-slide .m-slide01 {
	background: url(mainvisual01_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide02 {
	background: url(mainvisual02_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide03 {
	background: url(mainvisual03_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-slide .m-slide04 {
	background: url(mainvisual04_pc.jpg) center center no-repeat;
	background-size: cover;
}
.main-visual-copy {
	position: absolute;
	bottom: 27.8%;
	left: 10%;
}
.main-visual-copy .eng {
	display: block;
	margin-bottom: 30px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 6.0rem;
	line-height: 1.18;
	letter-spacing: 0;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .8s;
}
.main-visual-copy.fade-in .eng {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-copy .eng .br-sp {
	display: none;
}
.main-visual-copy .jpn {
	position: relative;
	display: inline-block;
	font-size: 2.6rem;
	line-height: 1;
	letter-spacing: 0.13em;
	color: #fff;
}
.main-visual-copy .jpn::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: calc(100% - 0.4em);
	height: 2px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: top left;
	transition: all 1.2s;
	transition-delay: .4s;
	transition-timing-function: cubic-bezier(.04,.84,.41,.95);
}
.main-visual-copy.fade-in .jpn::after {
	transform: scaleX(1);
}
.main-visual-link {
	position: absolute;
	bottom: 14.5%;
	left: 10%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.7rem;
	letter-spacing: 0.03em;
	color: #fff;
	transform: translateY(12px);
	opacity: 0;
	transition: all .8s;
}
.main-visual-link.fade-in {
	transform: translateY(0);
	opacity: 1;
}
.main-visual-link:hover {
	color: #fff;
}
.main-visual-link::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: url(link-circle_pc.svg) 0 0 no-repeat;
	background-size: 60px 60px;
	transition: all .3s;
}
.main-visual-link:hover::after {
	transform: scale(0.9) rotate(45deg);
	transform-origin: center center;
}
.main-visual-link span {
	position: relative;
	display: inline-block;
	padding: 16px 117px 0 0;
	transition: color .3s;
}
.main-visual-link:hover span {
	color: #ccc;
}
.main-visual-link span::before {
	display: block;
	content: '';
	position: absolute;
	top: 32px;
	right: 28px;
	width: 60px;
	height: 1px;
	background-color: #fff;
	transition: all .3s;
}
.main-visual-link:hover span::before {
	position: absolute;
	top: 32px;
	right: 23px;
	width: 65px;
}
.main-visual-link span::after {
	display: block;
	content: '';
	position: absolute;
	top: 32px;
	right: 28px;
	width: 8px;
	height: 1px;
	background-color: #fff;
	transform-origin: right bottom;
	transform: rotate(40deg);
	transition: right .3s;
}
.main-visual-link:hover span::after {
	position: absolute;
	top: 32px;
	right: 23px;
}
.main-visual-side-area {
	position: absolute;
	top: 160px;
	right: 0;
	width: 11.4%;
	max-width: 160px;
	height: calc(100% - 164px);
}
.main-visual-side-area::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	margin: 0;
	background-image: linear-gradient(to bottom, #fff, #fff 1px, transparent 1px, transparent 3px);
	background-size: 2px 3px;
	background-repeat: repeat-y;
	opacity: .6;
}
.mainvisual-copyright {
	display: inline-block;
	position: absolute;
	top: calc(50% - 19em);
	right: calc(50% - 0.5em);
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
	color: #fff;
	/*letter-spacing: 0.06em;*/
	line-height: 1;
	/*transform: scale(0.9);*/
	transform-origin: right top;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	vertical-align: top;
	/*opacity: .6*/
}


/* contents
----------------------------------------- */
/* intro-sec */
.intro-sec {
	position: relative;
	margin-bottom: 130px;
	padding: 160px 0 150px 20px;
	/* padding: 160px 12.8% 150px 15%; */
	background: url(intro-bg_pc.jpg) center center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.intro-sec-inner {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	width: 72.2%;
	margin: 0 auto;
}
.intro-sec-text-area {
	position: relative;
	width: 39%;
	min-width: 350px;
	margin-bottom: 0;
	z-index: 10;
}
.intro-sec-ttl {
	position: relative;
	margin-bottom: 50px;
	text-align: center;
	font-size: 3.0rem;
	letter-spacing: 0.02em;
	line-height: 1.4;
}
.intro-sec-ttl::before {
	display: block;
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 14px);
	width: 28px;
	height: 28px;
	background: url(intro-icon-x_pc.svg) 0 0 no-repeat;
	background-size: 28px 28px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .intro-sec-ttl::before {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .2s;
}
.intro-sec-azuma-land-surver {
	position: relative;
	display: block;
	margin-bottom: 60px;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-azuma-land-house-investigator {
	position: relative;
	display: block;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .intro-sec-azuma-land-surver {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .1s;
}
.intro-sec-text-area.scrollin .intro-sec-azuma-land-house-investigator {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}

.intro-sec-ttl span > span {
	position: relative;
	display: inline-block;
	line-height: 1;
}
/*.intro-sec-ttl span > span::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #111;
}*/
.intro-sec .sec-lead {
	padding: 0;
	transform: translateY(20px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 0.8s;
}
.intro-sec-text-area.scrollin .sec-lead {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .4s;
}
.intro-sec-img-area {
	width: 49%;
	max-width: 600px;
	margin-right: 12%;
	padding: 0;
}
.intro-sec-img-area picture {
	display: inline-block;
	position: relative;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.25);
	z-index: 10;
	transform: translateY(35px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
}
.intro-sec-img-area.scrollin picture {
	position: relative;
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0;
}
.intro-sec-bg-typo {
	position: absolute;
	bottom: -46px;
	left: 0;
	z-index: 1;
}
.intro-sec-bg-typo li {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 29.0rem;
	line-height: 1.0;
	letter-spacing: -0.05em;
	color: #fff;
	white-space: nowrap;
	z-index: 1;
}

/* service-sec */
.service-sec {
}
.service-sec .sec-ttl {
	margin-bottom: 75px;
}
.service-sec-inner {
	position: relative;
	display: flex;
	padding: 0 0 135px;
}
.service-sec-inner::before {
	display: block;
	content: '';
	position: absolute;
	top: 11vw;
	left: 0;
	width: 100%;
	height: calc(100% - 11vw);
	/*background-color: #F1F1F4;*/
	z-index: -10;
}
.service-sec-inner::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: calc(100% - 125px);
	background-color: #6c2488;
	z-index: 10;
}
.azuma-land-surver-area {
	width: 50%;
	margin: 0;
	padding: 0 10% 0 10.8%;
	transform: translateY(30px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
}
.azuma-land-house-investigator-area {
	width: 50%;
	padding: 0 10.8% 0 10%;
	transform: translateY(30px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
	transition-delay: .15s;
}
.azuma-land-surver-area.scrollin  {
	transform: translateY(0);
	opacity: 1;
}
.azuma-land-house-investigator-area.scrollin  {
	transform: translateY(0);
	opacity: 1;
}
.service-sec-img {
	position: relative;
	margin-bottom: 50px;
}
.service-sec-img::before {
	display: block;
	content: '';
	position: absolute;
	top: -15px;
	left: 13px;
	width: 1px;
	height: 60px;
	background-color: #6c2488;
	transform-origin: center center;
	transform: rotate(45deg);
	z-index: 10;
}
.service-sec-img::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -16px;
	right: 13px;
	width: 1px;
	height: 60px;
	background-color: #6c2488;
	transform-origin: center center;
	transform: rotate(45deg);
	z-index: 10;
}
.service-sec-inner-ttl {
	margin-bottom: 30px;
	text-align: center;
}
.service-sec-inner-ttl .num {
	position: absolute;
	top: -12px;
	left: -14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	color: #6c2488;
}
.service-sec-inner-ttl .jpn {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 2.8rem;
	line-height: 1.6;
}
.service-sec-inner-ttl .eng {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.3;
	letter-spacing: 0.04em;
	color: #6c2488;
}
.service-sec .sec-lead {
	padding: 0 20px;
}
.service-sec-link {
	margin-top: 28px;
	text-align: right;
}

/* blog-sec */
.blog-sec {
	position: relative;
	padding: 0 0 135px;
	/*background-color: #F1F1F4;*/
	overflow: hidden;
}
.blog-sec .sec-ttl {
	margin-bottom: 65px;
}
.blog-list {
	display: flex;
	position: relative;
	width: 84%;
	max-width: 1600px;
	margin: 0 auto;
	z-index: 10;
}
.blog-list li {
	width: 30.333%;
	margin: 0 4.5% 0 0;
	background-color: #fff;
	transform: translateY(30px);
	opacity: 0;
	transition-property: transform, opacity;
	transition-duration: 1.0s;
}
.blog-list li:nth-child(1).scrollin {
	transform: translateY(0);
	opacity: 1;
}
.blog-list li:nth-child(2).scrollin {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .1s
}
.blog-list li:nth-child(3).scrollin {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .2s
}
.blog-list li:last-child {
	margin: 0;
}
.blog-list li a {
	display: block;
	height: 100%;
	background-color: #fff;
	transition: all .3s;
}
.blog-list li a:hover {
	box-shadow: 0px 32px 35px rgba(0, 0, 0, 0.1);
}
.blog-list-img {
	margin-bottom: 36px;
	padding: 5px 5px 0;
}
.blog-list-info {
	position: relative;
	padding: 0 40px 40px;
}
.blog-list-ttl {
	margin-bottom: 18px;
	line-height: 1.7;
	font-size: 1.8rem;
}
.blog-list-category {
	margin-bottom: 0;
}
.blog-list-category span {
	display: inline-block;
	padding: 0 10px;
	font-size: 1.1rem;
	color: #fff;
	background-color: #6c2488;
	border-radius: 10px;
	line-height: 21px;
	letter-spacing: 0.01em;
}
.blog-list-date {
	position: absolute;
	bottom: 43px;
	right: 35px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: 0.04em;
	color: #6c2488;
	text-align: right;
}
.blog-sec-link {
	position: relative;
	width: 84%;
	max-width: 1600px;
	margin: 60px auto 0;
	padding-right: 0;
	text-align: right;
	z-index: 10;
}
.blog-sec-bg-typo {
	position: absolute;
	bottom: 70px;
	left: 0;
	z-index: 1;
}
.blog-sec-bg-typo li {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 29.0rem;
	line-height: 1.0;
	letter-spacing: -0.05em;
	color: #fff;
	white-space: nowrap;
	z-index: 1;
}


} /* PC end */





















































/* PC:1201px - */
@media only screen and (min-width: 1201px) {

} /* PC end */