@charset "UTF-8";
/*==============================================

    THEME BUSINESS

==============================================*/
.business .swiper-button-prev {
	background: transparent url(../../image/icon_prev_black.png) no-repeat scroll center center;
	background-size: cover;
	width: 26px;
	height: 50px;
	left: -80px;
	margin-top: 30px;
}

.business .swiper-button-next {
	background: transparent url(../../image/icon_next_black.png) no-repeat scroll center center;
	background-size: cover;
	width: 26px;
	height: 50px;
	right: -80px;
	margin-top: 30px;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.business .flickity-button {
	display: none;
}

.business .c-relation__link__title {
	font-size: 1rem;
}

/*==============================================
    15-1. BUSINESS INDEX
==============================================*/
.t-numberarea {
	margin: -3em 0 -4.7em 0;
}

@media screen and (min-width: 769px) {
	.t-numberarea {
		margin: -3em 0 -7.5em 0;
	}
}

.t-bg {
	color: #ffffff;
	padding: 6em 0;
}

@media screen and (min-width: 769px) {
	.t-bg {
		padding: 7em 0;
	}
}

.t-bg--no1 {
	color: #ffffff;
	background: transparent url(../../business/image/img_index_bg01_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.t-bg--no1 {
		background: transparent url(../../business/image/img_index_bg01_pc.jpg) no-repeat scroll center center;
		background-size: cover;
	}
}

.t-bg--no2 {
	color: #ffffff;
	background: transparent url(../../business/image/img_index_bg02_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.t-bg--no2 {
		background: transparent url(../../business/image/img_index_bg02_pc.jpg) no-repeat scroll center center;
		background-size: cover;
	}
}

.t-bg--no3 {
	color: #ffffff;
	background: transparent url(../../business/image/img_index_bg03_sp.jpg) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.t-bg--no3 {
		background: transparent url(../../business/image/img_index_bg03_pc.jpg) no-repeat scroll center center;
		background-size: cover;
	}
}

.t-bg--no4 {
	color: #ffffff;
	background: transparent url(../../business/image/img_index_bg04_sp.jpg.html) no-repeat scroll center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	.t-bg--no4 {
		background: transparent url(../../business/image/img_index_bg04_pc.jpg.html) no-repeat scroll center center;
		background-size: cover;
	}
}

.t-bg__catch {
	text-align: center;
	margin: 0 0 1em 0;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.t-bg__catch {
		margin: 0 0 1.5em 0;
		font-size: 1.86667rem;
		line-height: 1.9;
	}
}

.t-bg--irregular .c-h4 span {
	border-color: #ffffff;
}

.t-bg--irregular .c-btn--external a {
	color: #ffffff;
}

.t-bg--irregular .c-btn--external a::before {
	background: transparent url(../../image/icon_external_white.png) no-repeat scroll center center;
	background-size: cover;
}

.t-area--wrap {
	margin: -1px 0;
}

@media screen and (min-width: 769px) {
	.t-area--wrap {
		width: 90.16666667%;
		margin: 8em auto;
	}
}

.t-area {
	position: relative;
	color: #ffffff;
	padding: 0;
}

.t-area a {
	display: block;
	color: #ffffff;
}

.t-area a:hover {
	opacity: 1;
}

.t-area a:hover .t-area__image img {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.t-area__image {
	overflow: hidden;
}

.t-area__image img {
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	will-change: transform;
}

a[data-opacity] {
	opacity: 1;
	-webkit-transition: opacity .4s ease 0s;
	transition: opacity .4s ease 0s;
}

a[data-opacity]:hover {
	opacity: .7;
}

.t-area--cover {
	width: 85.33333333%;
	margin: 0 auto;
	padding: 12em 0 6em;
}

@media screen and (min-width: 769px) {
	.t-area--cover {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 85.02772643%;
		padding: 12em 0 6em;
	}
}

.t-area--cover__item {
	position: relative;
}

@media screen and (min-width: 769px) {
	.t-area--cover__item {
		width: 33.33333333%;
	}
}

.t-area__number {
	position: absolute;
	top: 8%;
	left: 7.335%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: .5em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 2.58286rem;
	line-height: 1.25028;
}

@media screen and (min-width: 769px) {
	.t-area__number {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom: 0;
		top: .5em;
		left: 1.4em;
		font-size: 3.89533rem;
		line-height: 1.25004;
	}
}

.t-area__number span {
	font-size: 1.24214rem;
	line-height: 2.52731;
}

@media screen and (min-width: 769px) {
	.t-area__number span {
		font-size: 1.86667rem;
		line-height: 2.53607;
	}
}

.t-area__number b {
	padding-left: .3em;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.57143;
}

@media screen and (min-width: 769px) {
	.t-area__number b {
		padding-left: .5em;
		font-size: 1.86667rem;
		line-height: 1.57143;
	}
}

.t-area__number--repos {
	top: 6%;
}

@media screen and (min-width: 769px) {
	.t-area__number--repos {
		top: 1.5em;
	}
}

.t-area__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	margin-top: 2em;
}

@media screen and (min-width: 769px) {
	.t-area__inner {
		margin-top: 0;
	}
}

.t-area__inner__icon {
	width: 46.66666667%;
	margin: 0 auto 1.5em;
}

@media screen and (min-width: 769px) {
	.t-area__inner__icon {
		width: 220px;
	}
}

.t-area__inner__title {
	font-weight: 700;
	font-size: 1.71429rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.t-area__inner__title {
		font-size: 2.13333rem;
		line-height: 1.125;
	}
}

.t-area__inner__text {
	margin-top: 1em;
	text-align: center;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.77857;
}

@media screen and (min-width: 769px) {
	.t-area__inner__text {
		font-size: 1.06667rem;
		line-height: 1.55625;
	}
}

.t-area__inner__btn {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.t-area__inner__btn a {
	position: relative;
	margin-top: 4em;
	padding: 1em 2.5em;
	background-color: #2a8ed8;
	display: inline-block;
	border-radius: 100px;
	color: #ffffff;
	font-size: 0.89286rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.t-area__inner__btn a {
		margin-top: 2em;
		padding: 1em 2em;
		font-size: 0.83333rem;
		line-height: 1.5;
	}
}

.t-area--cover .t-area__inner {
	margin-top: 0;
}

@media screen and (min-width: 769px) {
	.t-area--cover .t-area__inner {
		padding: 1em;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 769px) {
	.t-area--cover .t-area__inner__icon {
		width: 38.4375%;
	}
}

@media screen and (min-width: 769px) {
	.t-area--cover .t-area__inner__title {
		font-size: 1.6rem;
		line-height: 1.5;
	}
}

@media screen and (min-width: 769px) {
	.t-area--cover .t-area__inner__text {
		font-size: 1.06667rem;
		line-height: 1.55625;
	}
}

@media screen and (min-width: 769px) {
	.t-area--cover .t-area__inner__btn a {
		margin-top: 4em;
	}
}

/*==============================================
    15-2. BUSINESS ABOUT & PLAN
==============================================*/
@media screen and (min-width: 769px) {
	.t-hero__col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.t-hero__col__title {
	position: relative;
	text-align: center;
	padding: 1em 0;
	background-color: #2a8ed8;
}

@media screen and (min-width: 769px) {
	.t-hero__col__title {
		width: 67%;
		padding: 0;
	}
}

.t-hero__col__title span {
	color: #ffffff;
	width: 100%;
	font-weight: 700;
	font-size: 1.57143rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.t-hero__col__title span {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-size: 3.25333rem;
		line-height: 1.5;
	}
}

@media screen and (min-width: 769px) {
	.t-hero__col__image {
		width: 33%;
	}
}

.t-about__image {
	margin: 3em auto;
}

@media screen and (min-width: 769px) {
	.t-plan {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 91.04166667%;
		margin: 0 0 0 auto;
	}
}

.t-plan__image {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-plan__image {
		width: 28.03203661%;
		margin-bottom: 0;
	}
}

.t-plan__image__point {
	margin-bottom: .5em;
}

.t-plan__image__title {
	text-align: center;
	margin: 1em 0 1em 0;
	color: #ffffff;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.69643;
}

.t-plan__textbox {
	color: #ffffff;
}

@media screen and (min-width: 769px) {
	.t-plan__textbox {
		width: 61.78489703%;
	}
}

.t-plan__textbox__title {
	margin-bottom: 1em;
	font-weight: 700;
	font-size: 1.33333rem;
	line-height: 1.5;
}

.t-plan__textbox__text {
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-plan__textbox__text {
		font-size: 0.93333rem;
		line-height: 2.14286;
	}
}

.t-icon {
	width: 33.86666667%;
	margin: 0 auto 1em;
}

@media screen and (min-width: 769px) {
	.t-icon {
		width: 190px;
	}
}

.t-title {
	display: block;
	color: #ffffff;
	font-weight: 700;
	font-size: 2.28571rem;
	line-height: 1.375;
}

@media screen and (min-width: 769px) {
	.t-title {
		font-size: 3.2rem;
		line-height: 1.63187;
	}
}

.t-text {
	text-align: center;
	display: block;
	margin-top: 1em;
	color: #ffffff;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.57143;
}

@media screen and (min-width: 769px) {
	.t-text {
		margin-top: .5em;
		font-size: 1.41867rem;
		line-height: 1.77867;
	}
}

.t-heading {
	text-align: center;
	margin-bottom: 3em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1rem;
	line-height: 2.05786;
}

@media screen and (min-width: 769px) {
	.t-heading {
		margin-bottom: 2em;
		font-size: 1.2rem;
		line-height: 2.95556;
	}
}

.t-heading span {
	padding-bottom: 4px;
	border-bottom: 2px solid #333333;
}

.t-heading span {
	padding-bottom: 4px;
	border-bottom: 2px solid #333333;
}

/*==============================================
    15-3. BUSINESS CONSULTING
==============================================*/
.t-case {
	margin: 4em 0;
}

@media screen and (min-width: 769px) {
	.t-case {
		margin: 4em 0 0 0;
	}
}

@media screen and (min-width: 769px) {
	.t-case--col {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
}

.t-case__item {
	margin-bottom: 4.5em;
}

@media screen and (min-width: 769px) {
	.t-case__item {
		width: 46.71717%;
		margin-bottom: 0;
	}
}

.t-case__item__image {
	margin: 2em 0;
}

@media screen and (min-width: 769px) {
	.t-case__item__image {
		margin: 3em 0 4em 0;
	}
}

.t-case .-img {
	margin: 0 0 1.5em 0;
}

@media screen and (min-width: 769px) {
	.t-case .-img {
		margin: 0 0 1.5em 0;
	}
}

/*==============================================
    15-4. BUSINESS ABOUT & CONSULTING COMMON
==============================================*/
.t-circle {
	margin: 2em auto 4em auto;
}

@media screen and (min-width: 769px) {
	.t-circle {
		margin: 0 auto 6em auto;
	}
}

@media screen and (min-width: 769px) {
	.t-link {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 69.5%;
		margin: 0 auto;
	}
}

.t-link__button {
	margin-bottom: 1.5em;
}

@media screen and (min-width: 769px) {
	.t-link__button {
		width: 47.9%;
		margin-bottom: 0;
	}
}

.t-link__button a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.t-link__button__title,
.t-link__button__image {
	width: 50%;
}

.t-link__button__title {
	position: relative;
	background-color: #2a8ed8;
}

.t-link__button__title span {
	text-align: center;
	display: block;
	color: #ffffff;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.75;
}

@media screen and (min-width: 769px) {
	.t-link__button__title span {
		font-size: 1.06667rem;
		line-height: 1.75;
	}
}

.t-link__button__image {
	position: relative;
}

.t-link__button__image::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	right: 1em;
	bottom: 1em;
	background: transparent url(../../image/arrow_more.png) no-repeat scroll center center;
	background-size: cover;
}

/*==============================================
    15-5. BUSINESS ABOUT & ANCHOR
==============================================*/
.t-about {
	margin-bottom: 4em;
	padding: 2em 0 4em;
	background-color: #2a8ed8;
}

@media screen and (min-width: 769px) {
	.t-about {
		margin-bottom: 8em;
		padding: 6em 0;
	}
}

.t-about .c-accordion__door {
	width: 100%;
	color: #ffffff;
}

@media screen and (min-width: 769px) {
	.t-about .c-accordion__door {
		margin: 0;
		padding: 0;
	}
}

.t-about .c-accordion__door__text {
	color: #ffffff;
}

.t-about .c-accordion__door__text span {
	display: inline-block;
	padding-top: 1em;
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-about .c-accordion__door__text span {
		font-size: 1rem;
		line-height: 2;
	}
}

.t-about .c-accordion__door__text span:nth-child(1) {
	padding-top: 0;
}

.t-about .c-accordion__switch::before {
	color: #ffffff;
}

.t-about__title {
	text-align: center;
	color: #ffffff;
	margin-bottom: 1em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.28571rem;
	line-height: 1.31944;
}

@media screen and (min-width: 769px) {
	.t-about__title {
		text-align: left;
		width: 52.40112994%;
		margin: 0 0 1em auto;
		font-size: 1.33333rem;
		line-height: 1.5;
	}
}

.t-about__image {
	width: 88.75%;
	margin: 0 auto 2em auto;
}

@media screen and (min-width: 769px) {
	.t-about__image {
		width: 40.6779661%;
		margin: 0 auto;
	}
}

.t-about__image--space {
	padding-top: 2em;
}

.t-about__image__point {
	margin-bottom: 1em;
}

.t-about__text {
	color: #ffffff;
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-about__text {
		width: 52.40112994%;
		font-size: 0.93333rem;
		line-height: 2.14286;
	}
}

.t-anchor {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 1px solid #ffffff;
	margin: 4em auto 0;
	padding-top: 4em;
}

@media screen and (min-width: 769px) {
	.t-anchor {
		width: 100%;
		margin: 6em auto 0;
		padding-top: 6em;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-width: 769px) {
	.t-anchor__item {
		margin: 0 1.5em;
	}
}

.t-anchor__item__number {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.53071rem;
	line-height: 1.30798;
}

@media screen and (min-width: 769px) {
	.t-anchor__item__number {
		font-size: 1.78933rem;
		line-height: 1.30738;
	}
}

.t-anchor__item__number span {
	font-size: 0.88357rem;
	line-height: 2.26597;
}

@media screen and (min-width: 769px) {
	.t-anchor__item__number span {
		font-size: 1.032rem;
		line-height: 2.2668;
	}
}

.t-anchor__item__title {
	text-align: center;
	color: #ffffff;
	padding-bottom: .5em;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.57143;
}

@media screen and (min-width: 769px) {
	.t-anchor__item__title {
		font-size: 0.93333rem;
		line-height: 1.57143;
	}
}

.t-anchor__item__image {
	position: relative;
	width: 63.20%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.t-anchor__item__image {
		width: 75px;
	}
}

.t-anchor__item__image::before {
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -2em;
	width: 15px;
	height: 7px;
	background: transparent url(../../image/arrow_white_bottom.png) no-repeat scroll center center;
	background-size: cover;
}

/*==============================================
    15-6. BUSINESS INTRO & DESC(business.html)
==============================================*/
.t-border {
	padding-bottom: 4em;
	border-bottom: 1px solid #f0f0f0;
}

@media screen and (min-width: 769px) {
	.t-border {
		padding-bottom: 8.5em;
		border-bottom: 1px solid #f0f0f0;
	}
}

.t-intro__title {
	text-align: center;
	margin-bottom: 2em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.71429rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.t-intro__title {
		font-size: 2.13333rem;
		line-height: 1.625;
	}
}

.t-intro__heading {
	text-align: center;
	margin-bottom: 4em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1rem;
	line-height: 2.05786;
}

@media screen and (min-width: 769px) {
	.t-intro__heading {
		margin-bottom: 2em;
		font-size: 1.2rem;
		line-height: 2.95556;
	}
}

.t-intro__heading span {
	padding-bottom: 4px;
	border-bottom: 2px solid #333333;
}

.t-intro--wrap {
	margin-bottom: 4em;
}

@media screen and (min-width: 769px) {
	.t-intro--wrap {
		margin-bottom: 2em;
	}
}

.t-intro__image {
	width: 98.4375%;
	margin: 0 auto 4em auto;
}

@media screen and (min-width: 769px) {
	.t-intro__image {
		width: 38.05522209%;
		margin-bottom: 0;
	}
}

.t-intro__text {
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-intro__text {
		width: 55.10204082%;
		font-size: 0.93333rem;
		line-height: 2.14286;
	}
}

.t-desc {
	position: relative;
}

.t-desc__number {
	position: relative;
	margin-bottom: 2em;
	color: #2a8ed8;
}

.t-desc__number i {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 4.17357rem;
	line-height: 1.25004;
}

@media screen and (min-width: 769px) {
	.t-desc__number i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-bottom: 0;
		left: 0;
		font-size: 3.89533rem;
		line-height: 1.25004;
	}
}

.t-desc__number i span {
	font-size: 2rem;
	line-height: 2.53607;
}

@media screen and (min-width: 769px) {
	.t-desc__number i span {
		font-size: 1.86667rem;
		line-height: 2.53607;
	}
}

.t-desc__number em {
	text-align: center;
	display: block;
	color: #2a8ed8;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-desc__number em {
		text-align: left;
		padding-left: 70px;
		font-size: 1.06667rem;
		line-height: 1.575;
	}
}

.t-desc__ttl {
	text-align: left;
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: 1.42857rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-desc__ttl {
		text-align: left;
		padding-left: 70px;
		font-size: 2.13333rem;
		line-height: 1.625;
	}
}

.t-desc__ttl br {
	display: none;
}

@media screen and (min-width: 769px) {
	.t-desc__ttl br {
		display: block;
	}
}

@media screen and (min-width: 769px) {
	.t-desc__column {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.t-desc__column .-ttl {
	text-align: left;
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: 1.42857rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-desc__column .-ttl {
		width: 60%;
		text-align: left;
		padding-left: 70px;
		font-size: 2.13333rem;
		line-height: 1.625;
	}
}

.t-desc__column .-ttl br {
	display: none;
}

@media screen and (min-width: 769px) {
	.t-desc__column .-ttl br {
		display: block;
	}
}

.t-desc__column .-img {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-desc__column .-img {
		width: 36%;
		margin-bottom: 0;
	}
}

.t-desc__sheet {
	position: relative;
	margin-bottom: 3em;
	background-color: #f5f8fa;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet {
		margin-bottom: 4em;
	}
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-ttl {
		position: absolute;
		top: 1.5em;
		left: 2em;
		font-weight: bold;
		color: #2a8ed8;
		font-size: 2rem;
		line-height: 2;
	}
}

.t-desc__sheet .-heading {
	text-align: left;
	padding: 2em 6% 0 6%;
	color: #2a8ed8;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.42857rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-heading {
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.8;
	}
}

.t-desc__sheet .-heading br {
	display: none;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-heading br {
		display: block;
	}
}

.t-desc__sheet .-img {
	padding: 3em .5em 3em .5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-img {
		padding: 3em 1em 5em 1em;
	}
}

.t-desc__sheet .-img--margin {
	padding: 3em .5em 3em .5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-img--margin {
		padding: 12em 1em 2em 1em;
	}
}

.t-desc__sheet .-img2 {
	padding: 0 .5em 0 .5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-img2 {
		padding: 0.5em 1em 0.5em 1em;
	}
}

.t-desc__sheet .-img2--margin {
	padding: 3em .5em 3em .5em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-desc__sheet .-img2--margin {
		padding: 12em 1em 2em 1em;
	}
}

.t-desc__item {
	margin: 2em 0 4em 0;
}

@media screen and (min-width: 769px) {
	.t-desc__item {
		width: 30.4%;
		margin: 2em 0;
	}
}

@media screen and (min-width: 769px) {
	.t-desc__item--2col {
		width: 46.9%;
	}
}

.t-desc__item .-ttl {
	text-align: center;
	padding: 1.5em 0 1.25em 0;
	font-weight: bold;
	font-size: 1.42857rem;
	line-height: 1;
}

@media screen and (min-width: 769px) {
	.t-desc__item .-ttl {
		font-size: 1.2rem;
		line-height: 1;
	}
}

.t-desc__item .-txt {
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-desc__item .-txt {
		font-size: 0.93333rem;
		line-height: 1.8;
	}
}

.t-desc__item .-txt b {
	display: inline-block;
	padding-top: 1.5em;
	font-weight: bold;
}

.t-desc__pic {
	margin-bottom: 3em;
}

@media screen and (min-width: 769px) {
	.t-desc__pic {
		margin-bottom: 4em;
	}
}

.t-desc__pic .-heading {
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1rem;
	line-height: 2.05714;
}

@media screen and (min-width: 769px) {
	.t-desc__pic .-heading {
		font-size: 1.06667rem;
		line-height: 1.575;
	}
}

.t-desc__image {
	margin: 2em auto;
}

@media screen and (min-width: 769px) {
	.t-desc__image {
		width: 56.3%;
		margin: 3em auto;
	}
}

.t-desc--wrap {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-desc--wrap {
		margin-bottom: 3em;
	}
}

.t-desc--wrap .t-desc__title {
	margin-bottom: 1em;
}

@media screen and (min-width: 769px) {
	.t-desc--wrap .t-desc__title {
		width: 58%;
		margin-bottom: 0;
	}
}

.t-desc__text {
	font-size: 0.89286rem;
	line-height: 1.76;
}

@media screen and (min-width: 769px) {
	.t-desc__text {
		font-size: 1rem;
		line-height: 2.26667;
	}
}

.t-case {
	position: relative;
	padding: 3em 4.3%;
	background-color: #ebf4fa;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-case {
		padding: 4em 5%;
	}
}

.t-case .-number {
	position: absolute;
	top: -1em;
	color: #2a8ed8;
	font-weight: bold;
	letter-spacing: .09em;
	font-size: 2.42857rem;
	line-height: 1.76471;
}

@media screen and (min-width: 769px) {
	.t-case .-number {
		top: -1.3em;
		letter-spacing: .11em;
		font-size: 2.93333rem;
		line-height: 2.70455;
	}
}

.t-case .-ttl {
	color: #2a8ed8;
	font-weight: bold;
	font-size: 1.42857rem;
	line-height: 2.95;
}

@media screen and (min-width: 769px) {
	.t-case .-ttl {
		font-size: 1.6rem;
		line-height: 2.08333;
	}
}

.t-case .-list {
	list-style-type: none;
	margin: 0 0 1.5em 1em;
}

.t-case .-list li {
	position: relative;
	font-size: 1rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-case .-list li {
		font-size: 1rem;
		line-height: 2;
	}
}

.t-case .-list li em {
	color: #2a8ed8;
	font-weight: bold;
}

.t-case .-list li::before {
	position: absolute;
	top: 9px;
	left: -1em;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #2a8ed8;
	border-radius: 100px;
}

.t-case .-list--notice li::before {
	position: absolute;
	top: 0;
	left: -1em;
	content: '◉';
	width: auto;
	height: auto;
	background-color: transparent;
	border-radius: 0;
}

.t-case .-heading {
	margin-bottom: .25em;
	color: #2a8ed8;
	font-weight: bold;
	font-size: 1.28571rem;
	line-height: 1.4;
}

@media screen and (min-width: 769px) {
	.t-case .-heading {
		font-size: 1.2rem;
		line-height: 1.4;
	}
}

.t-case .-txt {
	margin-bottom: 1.5em;
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-case .-txt {
		font-size: 1rem;
		line-height: 1.8;
	}
}

.t-case .-step {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1em;
	padding: .5em 6%;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-case .-step {
		display: block;
		width: 31%;
		margin-bottom: 0;
		padding: 1em 3%;
	}
}

.t-case .-step__img {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
	width: 26%;
}

.t-case .-step__number {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	z-index: 1;
	position: relative;
	width: 22px;
	height: 22px;
	background-color: #2a8ed8;
	border-radius: 200px;
}

.t-case .-step__number span {
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.57143rem;
	line-height: 1.5;
}

@media screen and (min-width: 769px) {
	.t-case .-step__number span {
		font-size: 1.46667rem;
		line-height: 1.5;
	}
}

.t-case .-step__txt {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	width: 55%;
	margin: 0 0 0 auto;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.60714;
}

@media screen and (min-width: 769px) {
	.t-case .-step__txt {
		width: calc(100% - 32px);
		font-size: 0.93333rem;
		line-height: 1.60714;
	}
}

.t-case .-kind {
	margin: 1em 0;
	padding: 1em 6%;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-case .-kind {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 1.5em 5%;
	}
}

.t-case .-kind__txt {
	margin-bottom: 1em;
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-case .-kind__txt {
		width: 52%;
		margin-bottom: 0;
		font-size: 1rem;
		line-height: 1.6;
	}
}

@media screen and (min-width: 769px) {
	.t-case .-kind__img {
		width: calc(100% - calc(52% + 2em));
		margin-bottom: 0;
		font-size: 1rem;
		line-height: 1.6;
	}
}

/*==============================================
    15-7. BUSINESS RETAIL
==============================================*/
@media screen and (min-width: 769px) {
	.t-textarea {
		width: 88.88888889%;
		margin: -8em auto 0;
		padding: 4em 0 1.5em;
		background-color: #ffffff;
		z-index: 1;
	}
}

@media screen and (min-width: 769px) {
	.t-textarea--nomargin {
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
}

.t-textarea__number {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #2a8ed8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 4.17357rem;
	line-height: 1.25004;
}

@media screen and (min-width: 769px) {
	.t-textarea__number {
		margin-bottom: 0;
		font-size: 3.89533rem;
		line-height: 1.25004;
	}
}

.t-textarea__number span {
	font-size: 2rem;
	line-height: 2.53607;
}

@media screen and (min-width: 769px) {
	.t-textarea__number span {
		font-size: 1.86667rem;
		line-height: 2.53607;
	}
}

.t-textarea__subtitle {
	text-align: center;
	color: #2a8ed8;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-textarea__subtitle {
		font-size: 1.2rem;
		line-height: 2.14111;
	}
}

.t-textarea__title {
	text-align: left;
	margin: 1em 0 1.5em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.71429rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.t-textarea__title {
		text-align: center;
		font-size: 2.13333rem;
		line-height: 1.625;
	}
}

.t-textarea__title br {
	display: none;
}

@media screen and (min-width: 769px) {
	.t-textarea__title br {
		display: block;
	}
}

.t-imagearea {
	margin: 2em 0 3em 0;
}

@media screen and (min-width: 769px) {
	.t-imagearea {
		margin: 0;
	}
}

.t-article {
	margin: 0 0 4em 0;
}

@media screen and (min-width: 769px) {
	.t-article--3 {
		width: 33.83838384%;
	}
}

@media screen and (min-width: 769px) {
	.t-article--6 {
		width: 57.57575758%;
	}
}

.t-article--half {
	margin-bottom: 4em;
}

@media screen and (min-width: 769px) {
	.t-article--half {
		width: 46.96969697%;
		margin-bottom: 0;
	}
}

.t-article__head {
	text-align: center;
	margin: 1.5em 0 1em 0;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.75625;
}

@media screen and (min-width: 769px) {
	.t-article__head {
		font-size: 1.2rem;
		line-height: 1.56111;
	}
}

.t-article__text {
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-article__text {
		font-size: 1rem;
		line-height: 2.26667;
	}
}

.t-article__image {
	margin: 2em 0;
}

@media screen and (min-width: 769px) {
	.t-article__image {
		margin: 0;
	}
}

.t-article__image__retail {
	margin: 2em 0;
}

@media screen and (min-width: 769px) {
	.t-article__image__retail {
		margin: 2em 0;
	}
}

.t-article__image__note {
	padding-top: .5em;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 0.85714rem;
	line-height: 1.58333;
}

@media screen and (min-width: 769px) {
	.t-article__image__note {
		font-size: 0.8rem;
		line-height: 1.58333;
	}
}

.t-article__icon {
	width: 46.8%;
	margin: 1em 0;
}

@media screen and (min-width: 769px) {
	.t-article__icon {
		width: 23.3%;
		margin: 2em 0;
	}
}

.t-article__item {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-article__item--img {
		width: 40%;
	}
}

@media screen and (min-width: 769px) {
	.t-article__item--txt {
		width: 50%;
	}
}

.t-article__item .-txt {
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-article__item .-txt {
		font-size: 1rem;
		line-height: 2;
	}
}

.t-article__detail {
	padding: 2em 6.7%;
	background-color: #f5f5f5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-article__detail {
		padding: 4em 4.5%;
	}
}

.t-article__detail__logo {
	width: 66%;
	margin: 0 auto 2em auto;
}

@media screen and (min-width: 769px) {
	.t-article__detail__logo {
		width: 37%;
	}
}

.t-article__detail__lead {
	padding: 2em 0;
	font-size: 1rem;
	line-height: 1.6;
}

@media screen and (min-width: 769px) {
	.t-article__detail__lead {
		text-align: center;
		font-size: 1.06667rem;
		line-height: 1.4;
	}
}

.t-article__detail__item {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-article__detail__item {
		width: 48%;
	}
}

.t-article__detail__item .-ttl {
	text-align: center;
	margin: 1.5em 0 1em 0;
	font-weight: bold;
	font-size: 1rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-article__detail__item .-ttl {
		font-size: 1.2rem;
		line-height: 1.55556;
	}
}

.t-article__detail__item .-txt {
	margin: 1em 0;
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-article__detail__item .-txt {
		font-size: 0.93333rem;
		line-height: 1.8;
	}
}

.t-article__concept {
	width: 49.2%;
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-article__concept {
		width: 24.2%;
	}
}

.t-article__concept .-heading {
	text-align: center;
	padding-top: 1em;
	font-weight: bold;
	font-size: 0.92857rem;
	line-height: 2.15385;
}

@media screen and (min-width: 769px) {
	.t-article__concept .-heading {
		font-size: 1.06667rem;
		line-height: 1.75;
	}
}

.t-article__parts {
	width: 32%;
	margin-bottom: 1em;
}

@media screen and (min-width: 769px) {
	.t-article__parts {
		width: 13%;
	}
}

.t-article__parts .-img {
	width: 60%;
	margin: 0 auto;
}

.t-article__parts .-txt {
	text-align: center;
	font-size: 1rem;
	line-height: 1.35714;
}

@media screen and (min-width: 769px) {
	.t-article__parts .-txt {
		font-size: 0.93333rem;
		line-height: 1.5;
	}
}

.t-article__parts .-txt--blue {
	color: #2a8ed8;
}

.t-service {
	margin: 2em 0 4em 0;
}

@media screen and (min-width: 769px) {
	.t-service {
		width: 30.41666667%;
		margin: 2em 0;
	}
}

.t-service h4 {
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	margin: 2em 0 1em 0;
}

@media screen and (min-width: 769px) {
	.t-service h4 {
		margin: 2em 0 1.5em 0;
	}
}

.t-service__image {
	margin-bottom: 2em;
}

.t-service__note {
	margin: 1.5em 0;
	color: #a1a1a1;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 0.78571rem;
	line-height: 1.72727;
}

@media screen and (min-width: 769px) {
	.t-service__note {
		font-size: 0.73333rem;
		line-height: 1.72727;
	}
}

.t-service__text {
	margin: 1.5em 0;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 0.89286rem;
	line-height: 1.76;
}

@media screen and (min-width: 769px) {
	.t-service__text {
		font-size: 0.86667rem;
		line-height: 1.84615;
	}
}

.t-service__text b {
	font-weight: bold;
}

.t-service__text__mn {
	margin: 0;
}

.t-service__text__ex {
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
}

.t-service__text__ex strong {
	font-weight: bold;
	font-size: 2em;
	color: #2a8ed8;
}

.t-service__text__ex__note {
	margin: 0;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
}

.t-service__text__link {
	text-decoration: underline;
}

.t-skill {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 2em;
}

.t-skill__icon {
	width: 21.23655914%;
}

.t-skill__textbox {
	width: 72.84946237%;
}

.t-skill__textbox__title {
	color: #2a8ed8;
	margin-bottom: .5em;
	font-weight: 700;
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1.28571rem;
	line-height: 1.66667;
}

@media screen and (min-width: 769px) {
	.t-skill__textbox__title {
		font-size: 1.2rem;
		line-height: 1.66667;
	}
}

.t-skill__textbox__text {
	font-family: "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 0.89286rem;
	line-height: 1.92;
}

@media screen and (min-width: 769px) {
	.t-skill__textbox__text {
		font-size: 0.86667rem;
		line-height: 1.84615;
	}
}

@media screen and (min-width: 769px) {
	.t-license {
		list-style-type: disc;
		list-style-position: inside;
	}
}

@media screen and (min-width: 769px) {
	.t-license__item:nth-child(1) {
		border-top: 1px solid #333333;
	}
}

.t-license__item {
	text-align: center;
	margin: 0 0 2em;
	font-size: 0.89286rem;
	line-height: 1.92;
}

@media screen and (min-width: 769px) {
	.t-license__item {
		text-align: left;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #333333;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1rem;
		line-height: 2.86667;
	}
}

.t-license__item span {
	background-color: #f0f0f0;
	padding: 1em 2em;
	border-radius: 100px;
}

@media screen and (min-width: 769px) {
	.t-license__item span {
		padding: 0;
		background-color: transparent;
		border-radius: 0;
	}
}

/*==============================================
    15-8. FIELD SWIPER STYLES
==============================================*/
.t-field {
	position: relative;
	padding: 6em 0 0;
	border-top: 1px solid #f0f0f0;
}

.swiper-field {
	overflow: hidden;
}

.t-field--cover {
	position: relative;
	margin: 0 auto;
}

.t-field::after {
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	right: 1em;
	bottom: 1em;
	background: transparent url(../../image/arrow_more.png) no-repeat scroll center center;
	background-size: cover;
}

.t-field--3 {
	width: 33.4%;
}

.t-field__image {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.t-field__image img {
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	will-change: transform;
}

.t-field a {
	display: block;
	background-color: #ffffff;
}

.t-field a:hover {
	opacity: 1;
}

@media screen and (min-width: 769px) {
	.t-field a:hover {
		opacity: 1;
	}
	.t-field a:hover img {
		-webkit-transform: scale(1.08) rotate(0.1deg) translate3d(0, 0, 0);
		transform: scale(1.08) rotate(0.1deg) translate3d(0, 0, 0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
	}
}

.t-field__title {
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: left;
	width: auto;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1em;
	font-weight: 700;
	font-size: 1.21429rem;
	line-height: 1.29412;
}

@media screen and (min-width: 769px) {
	.t-field__title {
		font-size: 1.4rem;
		line-height: 1.61905;
	}
}

.t-field__title span {
	display: block;
	padding-top: 0.5em;
	font-size: 0.78571rem;
	line-height: 1.45455;
}

@media screen and (min-width: 769px) {
	.t-field__title span {
		padding-top: 0;
		font-size: 0.86667rem;
		line-height: 1.69231;
	}
}

.t-field__title--top {
	top: 1.5em;
	left: 1.5em;
	bottom: auto;
}

.t-field__title--bottom {
	top: auto;
	left: 1em;
	bottom: 1em;
}

.t-field--wrap {
	padding: 1.5em 0;
	background-color: #ffffff;
}

@media screen and (min-width: 769px) {
	.t-field--wrap {
		padding: 2em 0;
	}
}

.t-field--wrap__inner {
	width: 84%;
	margin: 0 auto;
	border-left: 2px solid #009294;
}

@media screen and (min-width: 769px) {
	.t-field--wrap__inner {
		width: 86%;
	}
}

.t-field__title--interview {
	position: relative;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0 0 0 8%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333333;
	top: auto;
	left: auto;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	letter-spacing: .07em;
	font-weight: 700;
	font-size: 0.92857rem;
	line-height: 1.69231;
}

@media screen and (min-width: 769px) {
	.t-field__title--interview {
		padding: 0 0 0 6%;
		font-size: 1.13333rem;
		line-height: 1.67647;
	}
}

.t-field__name--interview {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 0 8%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333333;
	top: auto;
	left: auto;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	letter-spacing: .07em;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.375;
}

@media screen and (min-width: 769px) {
	.t-field__name--interview {
		padding: 0 0 0 6%;
		font-size: 1.06667rem;
		line-height: 2;
	}
}

.t-field__name--interview span {
	display: block;
	padding-top: .5em;
	font-size: 0.71429rem;
	line-height: 1.6;
}

@media screen and (min-width: 769px) {
	.t-field__name--interview span {
		font-size: 0.8rem;
		line-height: 1.58333;
	}
}

.swiper-button-prev {
	width: 15px;
	height: 30px;
	background: transparent url(../../image/icon_prev.png) no-repeat scroll center center;
	background-size: cover;
	left: -30px;
	outline: none;
}

.swiper-button-next {
	width: 15px;
	height: 30px;
	background: transparent url(../../image/icon_next.png) no-repeat scroll center center;
	background-size: cover;
	right: -30px;
	outline: none;
}

/*==============================================
    15-9. REAL ESTATE LEASING FOR INDIVIDUALS
==============================================*/
.t-detail {
	margin-top: 2em;
}

@media screen and (min-width: 769px) {
	.t-detail {
		margin-top: 4em;
	}
}

.t-detail--space {
	margin-top: 4em;
}

@media screen and (min-width: 769px) {
	.t-detail--space {
		margin-top: 8em;
	}
}

.t-detail__item {
	margin-bottom: 3em;
}

.t-detail__item:first-of-type i {
	-webkit-transform: translate(-9%, 0);
	transform: translate(-9%, 0);
}

@media screen and (min-width: 769px) {
	.t-detail__item {
		position: relative;
		width: 50%;
		margin-bottom: 0;
	}
	.t-detail__item:first-of-type i {
		-webkit-transform: translate(-9%, 0);
		transform: translate(-9%, 0);
	}
	.t-detail__item:first-of-type::before {
		content: '';
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0;
		width: 1px;
		height: 90%;
		background-color: #c8c8c8;
	}
}

.t-detail__item i {
	display: block;
	width: 93.75%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.t-detail__item i {
		width: 70%;
	}
}

@media screen and (min-width: 769px) {
	.t-detail__item:first-of-type i {
		width: 70%;
	}
}

@media screen and (min-width: 769px) {
	.t-detail__item:last-of-type i {
		width: 78%;
		-webkit-transform: translate(0px, 2.5em);
		transform: translate(0px, 2.5em);
	}
}

.t-detail__img {
	width: 93.75%;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.t-detail__img.-g1 {
		width: 59.3%;
	}
}

@media screen and (min-width: 769px) {
	.t-detail__img.-g2 {
		width: 89.58%;
	}
}

.t-detail .-head {
	text-align: center;
	margin-bottom: 2em;
	color: #2a8ed8;
	font-weight: 700;
	font-size: 1.42857rem;
	line-height: 1.7;
}

@media screen and (min-width: 769px) {
	.t-detail .-head {
		font-size: 1.33333rem;
		line-height: 1.7;
	}
}

.t-detail .-subhead {
	text-align: center;
	margin-bottom: 2em;
	color: #2a8ed8;
	font-weight: 700;
	font-size: 1.14286rem;
	line-height: 1.875;
}

@media screen and (min-width: 769px) {
	.t-detail .-subhead {
		font-size: 1.06667rem;
		line-height: 1.875;
	}
}
