@charset "UTF-8";
/* CSS Document */
.template__wrap p {
	font-size: 1.6em;
	line-height: 2;
}
.template__wrap small {
	display: block;
	font-size: 1.1em;
	color: #7A878C;
	line-height: 1.8;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-32 {
	margin-bottom: 32px;
}
.m-b-48 {
	margin-bottom: 48px;
}
.m-b-56 {
	margin-bottom: 56px;
}
.m-b-72 {
	margin-bottom: 72px;
}
.service img {
	max-width: 100%;
}
.wrap__inner {
	padding: 0 112px;
}

em {
	color: #D85041
}
/*---------------------------/
// サービス
/---------------------------*/
.what__wrap {
	width: 800px;
	margin: 80px auto 96px;
	text-align: center;
}
.what__caption {
	margin-bottom: 56px;
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1.5;
}
.what__text {
	margin-top: 56px;
	font-size: 1.6em;
	line-height: 2;
}
.service__wrap {
	display: flex;
	margin-top: 96px;
	margin-bottom: 96px;
	flex-direction: column;
}
.service__wrap[class*="bg-"] {
	margin-top: 0;
	margin-bottom: 0;
	padding: 80px 0;
}
.sec__caption, .service__wrap .sec__caption {
	margin-bottom: 56px;
	font-size: 2.6em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.02em;
}
.forall__wrap {
	margin-bottom: 96px;
	overflow: visible;
}
.forall__list {
	display: flex;
	margin-bottom: 56px;
}
.forall__item {
	width: 220px;
}
.forall__text {
	width: 220px;
	margin-bottom: 12px;
	padding: 16px 14px 30px;
	background-image: url("../img/speech_bubble-2.png");
	background-size: cover;
	font-size: 1.6em;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
.forall__thumbnail {
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.forall__graph__wrap {
	margin-bottom: 48px;
	padding: 56px 112px;
	position: relative;
	border-radius: 4px;
}
.forall__graph__wrap::before {
	content: '';
	display: inline-block;
	width: 58px;
	height: 38px;
	margin: 0 auto;
	background-image: url("../img/forall_allow.png");
	background-size: cover;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
}
.forall__graph {
	display: block;
	margin-bottom: 32px;
}
.type_first {
	display: flex;
	width: 560px;
	height: 64px;
	margin: 0 auto;
	background-color: #fff;
	border: 2px solid #E6E6E6;
	font-size: 1.6em;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	border-radius: 4px;
	transition: 0.4s;
}
.type_first::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 16px;
	background-image: url("../img/first__icon.png");
	background-size: cover;
}
.type_first.dec_arrow::after {
	color: #D85041;
}
.type_first:hover {
	color: #D85041;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(152,158,176,0.2);
}
.jobtype__wrap {
	display: flex;
	flex-direction: column;
}
.jobtype__wrap .sec__caption, .user__wrap .sec__caption {
	margin-bottom: 32px;
}
.jobtype__text {
	margin-bottom: 48px;
	font-size: 1.6em;
	text-align: center;
	line-height: 2;
}
.jobtype__img {
	margin-bottom: 24px;
}
.service .view_more {
	margin-left: auto;
	font-size: 1.4em;
	font-weight: bold;
}
.service .view_more.dec_arrow::after {
	margin-left: 8px;
	color: #D85041;
	position: static;
}
.reason__wrap {
	display: flex;
}
.reason__wrap:first-of-type {
	margin-bottom: 24px;
}
.reason__wrap:nth-of-type(2n) {
	margin: 80px 0;
	flex-direction: row-reverse;
}
.reason__wrap:nth-of-type(3n) {
	margin-bottom: 48px;
}
.reason__details {
	display: flex;
	width: 432px;
	margin: 0 112px 0 0;
	justify-content: center;
	flex-direction: column;
}
.reason__caption {
	margin-bottom: 24px;
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.02em;
	position: relative;
}
.reason__caption span {
	display: block;
	margin-bottom: 16px;
	font-family: 'Gotham', sans-serif;
	font-size: 14px;
	color: #D85041;
}
.reason__caption::after {
	counter-increment: number 1;
	content: "0" counter(number);
	margin: auto 0;
	font-family: 'Gotham', sans-serif;
	font-size: 120px;
	font-weight: bold;
	color: #f5f5f5;
	letter-spacing: -0.06em;
	position: absolute;
	top: -28px;
	right: 0;
	z-index: -1;
}
.reason__text {
	font-size: 1.6em;
	line-height: 2;
}
.reason__text small {
	display: block;
	margin-top: 24px;
	font-size: 13px;
	font-weight: 500;
	color: #7A878C;
}
.reason__thumbnail {
	display: block;
	width: 480px;
	border-radius: 4px;
	overflow: hidden;
}
.recruitment__wrap {
	margin-top: 48px;
	padding: 48px;
}
.recruitment__caption {
	margin-bottom: 24px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.02em;
}
.recruitment__list {
	display: flex;
	margin-bottom: 32px;
}
.recruitment__item {
	display: flex;
	width: 448px;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(35,61,76,0.1);
	border-radius: 4px;
	align-items: center;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: 0.4s;
}
.recruitment__item:hover {
	transform: translateY(-2px);
}
.recruitment__item .dec_arrow::after {
	font-size: 1.4em;
	color: #D85041;
	right: -34px;
}
.recruitment__thumbnail {
	width: 140px;
	min-width: 140px;
	height: 137px;
	margin-right: 24px;
}
.recruitment__item dl {
	display: flex;
	width: 238px;
	position: relative;
	justify-content: center;
	flex-direction: column;
}
.recruitment__company {
	display: flex;
	margin-bottom: 12px;
	align-items: center;
}
.recruitment__logo {
	display: inline-block;
	height: 33px;
	margin-right: 12px;
}
.recruitment__company span {
	padding: 0 8px;
	font-weight: bold;
	line-height: 22px;
	color: #596266;
	border: 1px solid #E6E6E6;
	border-radius: 11px;
}
.recruitment__text {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7;
	transition: 0.4s;
}
.recruitment__item:hover .recruitment__text {
	color: #D85041;
}
.service__wrap.dec_borderbottom {
	margin-bottom: 0;
	padding-bottom: 96px;
	border-bottom: 1px solid #F2F2F2;
	counter-reset: number 0;
}
.feature__wrap {
	display: flex;
	flex-wrap: wrap;
}
.feature__item {
	width: 288px;
}
.feature__item:not(:nth-child(3n)) {
 margin-right: 80px;
}
.feature__item:not(:nth-last-child(-n + 3)) {
 margin-bottom: 56px;
}
.feature__head {
	display: flex;
	margin-bottom: 20px;
	font-size: 1.8em;
	font-weight: bold;
	color: #D85041;
	align-items: center;
}
.feature__icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-right: 12px;
}
.feature__text {
	font-size: 1.4em;
	line-height: 1.6;
}
.service__wrap >.user__wrap+section,
.user__slide__wrap .swiper-container{
	overflow: visible;
}
.user__wrap {
	display: flex;
	/*margin-bottom: 64px;*/
	flex-direction: column;
}
.user__wrap .sec__text {
	margin-bottom: 56px;
	font-size: 1.6em;
	color: #233D4C;
	text-align: center;
	line-height: 2;
}
.user__graph__date {
	margin: 24px 0 0 auto;
	font-size: 1.2em;
	color: #A4AFB3;
}
.case__caption {
	margin-bottom: 32px;
	font-size: 2em;
	text-align: center;
}
.user__article {
	width: 496px!important;
	transition: 0.4s;
}
.user__article:first-of-type {
	margin-right: 32px;
}
.user__article:hover {
	box-shadow: 0 4px 15px rgba(152,158,176,0.2);
	transform: translateY(-2px);
}
.user__article a {
	display: flex;
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
}
.user__contents-l {
	width: 120px;
	min-width: 120px;
	margin-right: 32px;
}
.user__img {
	display: inline-block;
	width: 100%;
	height: 120px;
	margin-bottom: 8px;
	border-radius: 60px;
	overflow: hidden;
}
.user__img img {
	width: 100%;
	height: 100%;
}
.user__details {
	font-size: 1.1em;
	color: #7A878C;
	text-align: center;
}
.user__details em {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: bold;
	color: inherit;
}
.user__contents-r {
	width: 280px;
}
.user__subcaption {
	display: block;
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: bold;
	color: #D85041;
}
.user__caption {
	margin-bottom: 16px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6;
	transition: 0.4s;
}
.user__article:hover .user__caption {
	color: #D85041;
}
.user__status__item:first-of-type {
	margin-bottom: 6px;
}
.user__status__item dl {
	display: flex;
	width: 100%;
	font-size: 1.1em;
	line-height: 22px;
	background-color: #F2F2F2;
	border-radius: 2px;
	overflow: hidden;
	align-items: center;
}
[class*="user__job-"] {
	padding: 0 8px;
	color: #fff;
	text-align: center;
	border-radius: 2px 0px 0px 2px;
}
	.service .user__status__item dl {
	width: 100%;
	}
	.service .user__status__item{
	width: 100%;
	}
	.service .user__status__list {
	flex-wrap: wrap;
	}
.user__job-former {
	background-color: #233D4C;
}
.user__job-now {
	background-color: #D85041;
}
.user__occupation {
	padding: 0 8px;
	color: #596266;
}
.service__flow__list {
	display: flex;
	margin-bottom: 48px;
}
.service__flow__item {
	width: 176px;
	min-width: 176px;
}
.service__flow__item:not(:last-of-type) {
	margin-right: 36px;
}
.service__flow__step {
	margin-bottom: 16px;
	font-family: 'Gotham', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #D85041;
	text-align: center;
}
.service__flow__thumbnail {
	width: 176px;
	height: 109px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.service__flow__caption {
	display: flex;
	height: 56px;
	margin-bottom: 20px;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1.6;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: relative;
}
.service__flow__item:not(:last-of-type) .service__flow__caption::after {
	display: flex;
	content: '\e906';
	font-family: 'icon';
	color: #D85041;
	align-items: center;
	position: absolute;
	top: 0;
	right: -28px;
	bottom: 0;
}
.service__flow__text {
	font-size: 1.4em;
	line-height: 1.6;
}
.modal-wrap {
	display: none;
	width: 100vw;
	height: 100vh;
	min-width: 1280px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(35,61,76,0.3);
	justify-content: center;
	align-items: center;
	z-index: 99;
}
.modal-scroll {
	display: flex;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	overflow: scroll;
}
.modal-contents {
	display: block;
	width: 1024px;
	height: 777px;
	min-width: 1024px;
	margin: 80px;
	padding: 40px 112px 56px;
	text-align: center;
	background-color: #f5f5f5;
	border-radius: 4px;
	position: relative;
}
.modal-head {
	position: relative;
}
.modal-close {
	font-size: 4em;
	position: absolute;
	top: 0;
	right: -72px;
	cursor: pointer;
}
.modal__logo {
	display: inline-block;
	margin-bottom: 8px;
}
.modal__logo img {
	height: 41px;
}
.modal-caption {
	margin-bottom: 8px;
	font-size: 1.4em;
	font-weight: bold;
}
.modal__recruitment {
	margin-bottom: 32px;
}
.modal__recruitment, .modal-caption, .modal__logo img {
	display: none;
}
.modal-wrap.active, .modal__recruitment.active, .modal-caption.active, .modal__logo img.active {
	display: block;
}
/*---------------------------/
// はじめて転職する方へ
/---------------------------*/
.start em{
	font-weight: bold;
}
.talk__wrap,
.start section.wrap{
	margin-top: 80px;
	margin-bottom: 90px;
	overflow: visible;
}
.start  .bg-gray{
	padding: 80px 0;
}
.start  .bg-gray:last-of-type{
	    background: linear-gradient(#f5f5f5 95%,#fff);
}
[class*="talk__contents-"]{
	display: flex;
	width: 100%;
}
.talk__contents-user{
	margin-bottom: 12px;
	align-items: flex-end;
}
.talk__contents-adviser{
	margin-bottom: 40px;
	align-items: center;
}
.talk__contents-adviser:last-of-type{
	margin-top: 21px;
	margin-bottom: 72px;
}
.talk__contents-user .talk__img{
		height: 123px;
	margin-left: 40px;
}
.talk__contents-adviser .talk__thumbnail{
	width: 100px;
	height: 100px;
	margin-right: 40px;
	overflow: visible;
	align-items: flex-end;
}
 .talk__thumbnail .talk__img{
		height: 123px;
}
.talk__text{
	width: 647px;
	padding: 32px 40px;
	position: relative;
	border-radius: 6px;
}
.talk__contents-user .talk__text{
	margin: 0 13px 12px 0;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	background-color: #F2F2F2;
	}
.talk__contents-adviser .talk__text{
	margin-left: 13px;
	font-size: 1.6em;
	line-height: 2;
	background-color: #FCF3F2;
	}
.talk__contents-user .talk__text::before{
	content: '';
	display: inline-block;
	margin: auto 0;
	width: 19px;
	height: 19px;
	background-color: #F2F2F2;
	border-radius: 2px;
	position: absolute;
	top: 0;
	right: -9px;
	bottom: 0;
	transform: rotateZ(45deg);
}
.talk__contents-adviser .talk__text::before{
	content: '';
	display: inline-block;
	margin: auto 0;
	width: 19px;
	height: 19px;
	background-color: #FCF3F2;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: -9px;
	bottom: 0;
	transform: rotateZ(45deg);
}


.start .sec__text {
    margin-bottom: 56px;
    font-size: 1.6em;
    color: #233D4C;
    text-align: center;
    line-height: 1.8;
}
.start .bg-gray .sec__caption{
	margin-bottom: 32px;
}
.bg-gray .wrap section:not(:last-of-type) .comparison__wrap{
	margin-bottom: 96px;
}
.comparison__contents{
	display: flex;
	justify-content: space-between;
}
.comparison__contents:not(:last-of-type){
	margin-bottom: 16px;
}
.comparison__head{
	margin-bottom: 20px;
	text-align: center;
}
.contents-l,
.contents-r{
	width: 400px;
}
.contents-l{
	margin-right: 32px;
}
.contents-r{
	margin-left: 32px;
}
.contents-c{
	display: flex;
	width: 160px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	background-color: #F0F0F0;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	flex-direction: column;
}
.contents-c span{ 
	display: block;
	width: 100%;
	margin-bottom: 16px;
	font-family: 'Gotham',sans-serif;
	}
.comparison__contents:not(.comparison__head) .contents-l,
.comparison__contents:not(.comparison__head) .contents-r{
	display: flex;
	padding: 24px 40px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	flex-wrap: wrap;
}

.employment_change .comparison__contents:not(.comparison__head) .contents-l,
.employment_change .comparison__contents:not(.comparison__head) .contents-r {
    padding: 40px;
}
.comparison__contents:not(.comparison__head) .contents-l::before{
	content: '';
	display: inline-block;
	margin: auto 0;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: -9px;
	bottom: 0;
	transform: rotateZ(45deg);
}
.comparison__contents:not(.comparison__head) .contents-r::before{
	content: '';
	display: inline-block;
	margin: auto 0;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: -9px;
	bottom: 0;
	transform: rotateZ(45deg);
}
.comparison__head__caption{
	margin-bottom: 20px;
	padding: 16px 0;
	font-size: 2.2em;
	font-weight: bold;
	color: #fff;
	border-radius: 4px;
}
.contents-l .comparison__head__caption{
	background-color: #233D4C;
}
.contents-r .comparison__head__caption{
	background-color: #D85041;
}
.comparison__head__img{
	width: 60px;
	height:60px;
}
.comparison__text{
	width: 256px;
	font-size: 1.4em;
	line-height: 1.7;
	font-weight: 500;
}
.employment_change .comparison__text{
	line-height: 1.7;
}
.contents-l i,
.contents-r i{
	margin: auto 0;
	font-size: 4em;
}
.contents-l i::before,
.contents-r i::before{
	display: block;
}
.contents-l i{
	margin-left: 24px;
}
.contents-r i{
	margin-right: 24px;
	color: #D85041;
}
.bg-gray .wrap section:nth-child(2n) .contents-c{
	padding-bottom: 14px;
}
.bg-gray .wrap section:nth-child(2n) .comparison__text{
	width: 100%;
	font-weight: 100;
}
.comparison__caption{
	width: 100%;
	margin-bottom: 16px;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}
.start_flow{
		counter-reset: number;
}
.start_flow__wrap{
	display: flex;
}
.start_flow__wrap:not(:last-of-type){
	margin-bottom: 16px;
}
.start_flow__head{
	display: flex; 
	width: 178px;
	margin-right: 24px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.02em;
	background-color: #F9F9F9;
	border-radius: 4px;
	flex-direction: column;
	justify-content:center;
	align-items: center;
		
}
.start_flow__head::before{
counter-increment: number;
	content: counter(number,decimal-leading-zero);
	display: flex;
	width: 32px;
	height: 32px;
	margin-bottom: 8px;
	font-family: 'Gotham',sans-serif;
	font-size: 16px;
	color: #fff;
	background-color: #D85041;
	border-radius: 16px;
	align-items: center;
	justify-content: center;
}
.start_flow__contents__wrap{
	width: calc(100% - 202px);
}
.start_flow__contents{
	display: flex;
	padding: 24px 32px;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #F2F2F2;
	border-radius: 4px;
}
.start_flow__contents:not(:last-of-type){
	margin-bottom: 16px;
}
.start_flow__caption{
	display: flex;
	font-size: 1.6em;
	font-weight: bold;
	align-items: center;
}
.start_flow__caption::before{
	content: "\e902";
	display: flex;
	width: 24px;
	height: 24px;
	margin-right: 16px;
	font-family: 'icon'!important;
	color: #D85041;
	border: 2px solid #f2f2f2;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
}
.start_flow__text{
	width: 472px;
	padding-left: 24px;
	font-size: 1.4em;
	line-height: 1.6;
	border-left: 1px solid #f2f2f2;
}
.start_flow__text a{
	color: #D85041;
	text-decoration: underline!important;
}
.start_slide__article {
	width: 800px!important;
	padding: 48px 56px;
	background-color: #fff;
	box-shadow: 0 3px 20px rgba(35,61,76,0.1);
	border-radius: 6px;
	transform: scale(0.8125)!important;
	transition: transform 0.4s;
}
.start_slide__slide{
    padding-left: 27px;
	margin-bottom: 48px;
}
.start_slide__article.swiper-slide-active{
/*	transform: scale(1.23076923);*/
	margin: 0 -27px;
	transform: scale(1)!important;
}
.start_slide__slide__wrap .swiper-pagination {
    display: block;
}
.start_slide__slide__wrap .swiper-pagination .swiper-pagination-bullet:not(:nth-child(-n + 3)){
	display: none;
}
.start_slide__contents-t{
	display: flex;
	margin-bottom: 24px;
}
.start_slide__img{
	width: 220px;
	margin-right: 32px;
	border-radius: 4px;
}
.start_slide__user{
	display: block;
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: 500;
	color: #7A878C;
	letter-spacing: 0.04em;
}
.start_slide__caption{
	margin-bottom: 16px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.7;
	letter-spacing: 0.02em;
}
.user__status__list{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.start_slide__status{
	display: flex;
		width: 194px;
	align-items: center;
}
.start_slide__status [class*="user__"]{
		line-height: 22px;
}
.start_slide__status .user__occupation{
	width: calc(100% - 36px);
	background-color: #F2F2F2;
}
.user__status__arrow__img{
	width: 32px;
	height: 9px;
	margin: 0 8px;
}
.start_slide__text{
	font-size: 1.4em;
	line-height: 2;
}
/*---------------------------/
// 不動産業界のお仕事とは？
/---------------------------*/
.job-manual .page__contents__wrap > .wrap{
	margin-top: 96px;
	margin-bottom: 96px;
}
.job-manual  .page__contents__wrap > .wrap:first-child{
	margin-top: 80px;
	margin-bottom: 0;
}
.job-manual .page__contents__wrap > .bg-gray{
	padding: 80px 0;
}
.job-manual .page__contents__wrap > .bg-gray:last-of-type{
		padding: 80px 0 120px;
	background: linear-gradient(#f5f5f5 95%,#fff);
}

.manual__text{
	margin-top: 56px;
	font-size: 1.6em;
	line-height: 2;
}
.industry__wrap{
	display: flex;
	flex-wrap: wrap;
}
.industry__contents{
	width: 496px;
	padding: 32px 32px 48px;
	border: 2px dotted #B3B3B3;
}
.industry__contents:not(:nth-child(2n)){
	margin-right: 32px;
}
.industry__contents:nth-of-type(-n +2 ){
	margin-bottom: 40px;
}
.industry__icon {
	margin-bottom: 24px;
	flex-wrap: wrap
}
.industry__icon .industry__icon__img{
	width: 40px;
	height: 40px;
	margin: 0 auto 8px;
}
.industry__icon figcaption{
	display: block;
	width: 100%;
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.04em;
}
.industry__item{
	height: 211px;
	padding: 40px 32px;
	border-radius: 4px;
	background-color: #fff;
}
.industry__item:not(:last-of-type){
	margin-bottom: 16px;
}
.industry__caption{
	margin-bottom: 16px;
	font-size: 1.6em;
	font-weight: bold;
	color: #D85041;
}
.industry__text{
	font-size: 1.4em;
	line-height: 1.6;
}
.job-manual .category__list {
	margin-bottom: 40px;
}
.occupation__wrap{
	display: flex;
}
.occupation__contents{
	width: calc(25% - 12px);
	margin-top: 40px;
	padding: 64px 24px 32px;
	border:1px solid #F2F2F2;
	border-radius: 4px;
	position: relative;
}
.occupation__contents:not(:last-of-type){
	margin-right: 16px;
}
.occupation__caption{
	display: flex;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.02em;
	background-color: #233D4C;
	border-radius: 40px;
	position: absolute;
	top: -40px;
	right: 0;
	left: 0;
}
.occupation__list{
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: -0.07em;
	line-height: 1.6;
}
.occupation__item:not(:last-of-type){
	margin-bottom: 8px;
}
.introduction__article{
	border-radius: 4px;
	overflow: hidden;
}
.introduction__article:not(:last-of-type){
	margin-bottom: 56px;
}

.introduction__wrap{
		padding: 48px 96px;
		background-color: #fff;
}
.introduction__caption{
	padding: 24px 0;
	background-color: #233d4c;
	font-size: 2.2em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.introduction__contents{
	display: flex;
}
.introduction__contents:not(:last-of-type){
	margin-bottom: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #F2F2F2;
}
.introduction__thumbnail{
	width: 260px;
		height:173px;
	margin-right: 40px;
	border-radius: 4px;
}
.introduction__details{
	width: 532px;
}
.introduction__name{
	margin-bottom: 16px;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.02em;
}
.introduction__text{
	font-size: 1.4em;
	line-height: 2;
}
.introduction__text em{
	font-weight: bold;
	color: #D85041;
}
/*---------------------------/
// 転職サポートの流れ
/---------------------------*/

.flow .contents__wrap {
	margin-bottom: 96px;
}
.flow__wrap {
	display: flex;
	margin-top: 0;
}
.flow__contents-l {
	width: 64px;
	margin-right: 32px;
	padding-top : 26px;
	position: relative;
}
.flow__contents-l::before, .flow__contents-l::after {
	content: '';
	display: block;
	width: 3px;
	margin: 0 auto;
	background-image: url('../img/border-dot.png');
	background-repeat: repeat-y;
	background-size: contain;
}
.flow__wrap:not(:first-of-type) .flow__contents-l::before {
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.flow__wrap:not(:last-of-type) .flow__contents-l::after {
	height: calc(100% - 64px);
}
.flow__contents-r {
	width: 900px;
	margin-left: 28px;
}
.flow__num {
	display: flex;
	width: 64px;
	height: 64px;
	min-width: 64px;
	min-height: 64px;
	font-family: 'Gotham', sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 68px;
	color: #fff;
	background-color: #D85041;
	justify-content: center;
	position: relative;
	border-radius: 32px;
}
.flow__article {
	display: flex;
	width: 100%;
	margin: 0 42px 32px 0;
	padding: 40px 56px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}
.flow__article::before {
	content: '';
	width: 28px;
	height: 42px;
	background-image: url('../img/decoration_triangle.png');
	background-size: cover;
	position: absolute;
	top: 36px;
	left: -28px;
}
.flow__wrap:last-of-type .flow__article {
	margin-bottom: 0;
}
.flow__details {
	width: 452px;
	margin-right: 56px;
}
.flow__caption {
	margin: 8px 0 18px;
	font-size: 2.2em;
	font-weight: bold;
}
.flow__text {
	font-size: 1.6em;
	line-height: 2;
	color: #233D4C;
}
.flow__thumbnail {
	width: 280px;
	height: 187px;
	margin: 0;
}
.flow__contents-r .type_red {
	margin-bottom: 40px;
}
/*---------------------------/
// よくある質問
/---------------------------*/
.category__list {
	display: flex;
	margin: 56px 0 72px;
	justify-content: center;
}
.category__item {
	margin-right: 12px;
}
.category__link {
	display: flex;
	height: 42px;
	padding: 12px 20px 12px 32px;
	background-color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	align-items: center;
	border-radius: 21px;
	transition: 0.4s;
}
.category__link::after {
	content: '\e903';
	font-family: 'icon';
	margin-left: 16px;
	color: #D85041;
		transition: 0.4s;
}
.category__link:hover{
	background-color: #D85041;
	color: #fff;
		transform: translateY(-2px);
		box-shadow: 0 4px 6px rgba(216, 80, 65, 0.3);
}
.category__link:hover::after {
	color: #fff;
}
.faq__wrap {
	margin-bottom: 80px;
}
.faq__wrap:last-of-type {
	margin-bottom: 96px;
}
.faq__caption {
	margin-bottom: 32px;
	font-size: 2.2em;
	font-weight: bold;
}
.faq__article {
	display: flex;
	background-color: #fff;
	flex-direction: column;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.faq__article:not(:last-of-type){
	margin-bottom: 16px;
}
.faq__q {
	display: flex;
	padding: 20px 110px 20px 24px;
	font-size: 1.6em;
	font-weight: bold;
	position: relative;
	align-items: center;
	cursor: pointer;
}
.p_l__wrap {
	display: flex;
	margin-left: auto;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 32px;
}
.p_l__wrap::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 2px;
	background-color: #D85041;
}
.p_l__wrap::after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 14px;
	background-color: #D85041;
	position: absolute;
	transition: 0.4s;
}
.active .p_l__wrap::after {
	transform: rotate(90deg);
}
.faq__a__wrap {
	display: none;
}
.faq__a {
	display: flex;
	margin: 0 24px;
	padding: 20px 0;
	font-size: 1.6em;
	border-top: 1px solid #E6E6E6;
	position: relative;
	opacity: 1;
}
.faq__q .text, .faq__a .text {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #E6E6E6;
	line-height: 2;
}
.faq__q::before, .faq__a::before {
	font-family: 'Gotham', sans-serif;
	display: flex;
	margin-top: 4px;
	font-size: 26px;
	font-weight: bold;
	align-items: baseline;
}
.faq__q::before {
	content: 'Q';
	color: #D85041;
}
.faq__a::before {
	content: 'A';
}
/*---------------------------/
// サイトマップ
/---------------------------*/
.map__wrap {
	margin-bottom: 80px;
}
.map__caption {
	margin-bottom: 32px;
	font-size: 2.2em;
	font-weight: bold;
}
.map__list {
	display: flex;
	flex-wrap: wrap;
}
.map__item {
	margin: 0 32px 0 0px;
	border-radius: 3px;
	overflow: hidden;
}
.map__item a {
	display: flex;
	width: 320px;
	padding: 24px 24px 24px 32px;
	font-size: 1.4em;
	background-color: #f5f5f5;
	justify-content: space-between;
	transition: 0.4s;
}
.map__item .dec_arrow::after {
	color: #D85041;
}
.map__item a:hover {
	background-color: #E6E6E6;
}
/*---------------------------/
// 固定ページテンプレ
/---------------------------*/
.template__wrap {
	margin-bottom: 96px;
	overflow: visible;
}
.template__wrap .eyecatch {
	width: 100%;
	margin-bottom: 80px;
}
.template__contents__wrap {
	margin: 0 112px;
}
.template__wrap .caption {
	display: block;
	margin-bottom: 40px;
	padding-bottom: 23px;
	font-size: 2.4em;
	font-weight: bold;
	position: relative
}
.template__wrap .caption::before {
	content: '';
	display: inline-block;
	width: 100px;
	height: 3px;
	background-color: #D85041;
	position: absolute;
	left: 0;
	bottom: 0;
}
.template__wrap .caption::after {
	content: '';
	display: inline-block;
	width: calc(100% - 100px);
	height: 3px;
	background-color: #E6E6E6;
	position: absolute;
	right: 0;
	bottom: 0;
}
.template__wrap ol.list_type-1 {
	counter-reset: number;
}
.template__wrap .list_type-1 .list__item {
	display: flex;
	margin-bottom: 12px;
	font-size: 1.6em;
	line-height: 2;
	align-items: center;
}
.template__wrap ol.list_type-1 .list__item::before {
	counter-increment: number;
	content: counter(number);
	display: inline-flex;
	width: 20px;
	height: 20px;
	margin-right: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	font-family: 'Gotham', sans-serif;
	border-radius: 10px;
	background-color: #D85041;
	justify-content: center;
	align-items: center;
}
.template__wrap ul.list_type-1 .list__item::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 12px;
	background-color: #233D4C;
	border-radius: 2.5px;
}
/*---------------------------/
// 採用ご担当者様へ
/---------------------------*/
.client section.wrap{
	margin-top: 96px;
	margin-bottom: 96px;
	    overflow: visible;
}
.client .bg-gray{
	padding: 80px 0;
}
.client .sec__caption{
	margin-bottom: 48px;
}
.client .sec__text{
	margin-bottom: 56px;
	font-size: 1.6em;
	    color: #233d4c;
	line-height: 1.8;
	text-align: center;
}
.tel__wrap{
	text-align: center;
	margin: 16px 0 0;
}
.tel__num{
	margin-bottom: 8px;
	font-family:'Gotham',sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	color: #D85041;
}
.tel__num i{
	font-size: 16px;
	margin-right: 4px;
}
.tel__wrap small{
	font-size: 1.1em;
}
.fv__client{
			display: flex;
	width: calc(100vw - 80px);
	height: 678px;
	margin: 0 40px 80px;
	background-image: url('../img/fv__client-bg.png');
	background-position: center bottom;
	background-size: cover;
	border-radius: 4px;
			align-items: center;
	justify-content: center;
}

.fv__client > .wrap{
		display: flex;
		align-items: center;
	justify-content: center;
}
.client__img{
	width: 456px;
	margin:0 40px 6px 0; 
}
.client_form__wrap{
	display: block;
	width: 528px;
	height: 614px;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 3px 20px rgba(35,61,76,0.08);
}
.form__head__caption{
	width: 100%;
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 59px;
	background-color: #233D4C;
}
.client_form__contents{
	padding: 20px 40px 0;
}
.client_form__table{
	margin-bottom: 16px;
}
.client_form__table .form__item {
	display: flex;
}
.client_form__table .form__item:not(:last-of-type){
	margin-bottom: 8px;
}
.client_form__table .form__caption {
	display: flex;
	width: 140px;
	min-width: 140px;
	margin: 0;
	padding: 8px 8px 8px 0;
	text-align: left;
	justify-content: space-between;
}
.client_form__table .form__caption.required::after{
	content: '必須';
	display: inline-block;
	width: 28px;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 18px;
	background-color: #D85041;
	border-radius: 3px;
}
.client_form__table .form__input {
	font-size: 1.2em;
	font-weight: 500;
}
.client_form__table .form__input input[type="text"],
.client_form__table .form__input input[type="email"],
.client_form__table .form__input input[type="tel"],
.client_form__table .form__input textarea{
	width: 308px;
	padding: 8px 16px;
	border:1px solid #E6E6E6;
	border-radius: 3px;
	resize: none;
}
.client_form__table .error input{
	border-color:#D85041!important;
}
.client input::placeholder ,
.client textarea::placeholder {
  color: #E6E6E6;
}
.client input:-ms-input-placeholder ,
.client textarea:-ms-input-placeholder {
  color: #E6E6E6;
}

.client input::-ms-input-placeholder ,
.client textarea::-ms-input-placeholder {
	
  color: #E6E6E6;
}
.client_form__table .form__input textarea{
	height: 69px;
	padding-top: 12px;
	line-height: 1.5;
}
.client_form__table .input__checkbox .wpcf7-list-item-label{
display: inline-flex;
    width: 150px;
    height: 34px;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
	align-items: center;
	position: relative;
	cursor: pointer;
}
.client_form__table .wpcf7-list-item-label::before{
	content: '';
	display: flex;
	width: 16px;
	height: 16px;
	margin: auto 7px;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
}
.client_form__table input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	content: '\e902';
	font-family: 'icon';
	width: 16px;
	font-size: 12px;
	text-align: center;
	color: #D85041;
	position: absolute;
	left: 7px;
}
.client_form__table .input__checkbox .wpcf7-list-item{
	display: inline-block;
}
.client_form__table .input__checkbox .wpcf7-list-item:not(:nth-child(2n)){
	margin-right: 8px;
}
.client_form__table .input__checkbox .wpcf7-list-item:not(:nth-last-child(-n + 2)) {
	margin-bottom: 6px;
}
.client .agree__text{
	margin-bottom: 12px;
	font-weight: 500;
}
.label-submit{
	display: block;
}
.label-submit .btn1{
	box-shadow: none;
		opacity: 0.5;
		pointer-events: none;
}
.label-submit.active .btn1{
		opacity: 1;
	box-shadow: 0 4px 6px rgba(216, 80, 65, 0.3);
		cursor: pointer;
		pointer-events: auto;
}
.client-error-text{
	display: block;
	margin-top: 8px;
	padding: 4px 0;
	color: #D85041;
	border: 1px solid #D85041!important;
	text-align: center;
}

.client_feature__list {
	margin-bottom: 64px;
}
.client_feature__item{
	width: 320px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.client_feature__item:not(:last-of-type){
	margin-right: 32px;
}
.client_feature__details{
	padding: 48px 32px 40px;
}
.client_feature__icon{
	width: 70px;
	height: 70px;
	margin: 0 auto;
	position: absolute;
	top: 178px;
	right: 0;
	left: 0;
}
.client_feature__caption{
	margin-bottom: 16px;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	color: #D85041;
}
.client_feature__text{
	font-size: 1.6em;
	line-height: 1.8;
}
.client h3{
	margin-bottom: 32px;
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
}
.client h3+.sec__text{
	margin-bottom: 36px;
}
.client__cta{
	width: 100%;
	height: 201px;
	background-image: url("../img/client__cta_bg_pc.png");
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 4px;
	position: relative;
}

.client__cta .type_red.btn2.dec_arrow{
	position: absolute;
	right: 130px;
	bottom: 63px;
}
.example__article{
	display: flex;
	margin-bottom: 103px;
	padding: 56px 56px 68px;
	box-shadow: 0 3px 15px rgba(35,61,76,0.1);
	border-radius: 4px;
	flex-wrap: wrap;
}
.example__article .contents-l{
	display: flex;
	width:436px;
	height: 291px;
	margin-right: 40px;
	flex-direction: column;
}
.example__article .caption{
	margin-bottom: auto;
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1.5;
}
.example__company__list{
	display: flex;
	margin-bottom: 16px;
	align-content: center;
}
.example__company__logo{
	width: 40px;
	height: 40px;
	margin-right: 12px;
}
.example__company__name{
	margin: auto 0;
	font-size: 1.4em;
	color: #596266;
}
.example__company__thumbnail{
	width: 436px;
	border-radius: 4px;
}
.example__company__table{
	width: 100%;
	padding: 16px 24px;
	background-color: #F5F5F5;
	border-radius: 4px;
	overflow: hidden;
}
.example__company__tr{
	display: flex;
		font-size: 1.4em;
	letter-spacing: 0.02em;
}
.example__company__tr:not(:nth-child(2)){
	margin-bottom: 8px;
}
.example__company__th{
	display: inline-block;
	width: 78px;
	min-width: 78px;
	padding-right: 20px;
	font-weight: bold;
}
.example__company__tr:nth-child(2) .example__company__td{
	line-height: 1.4;
}
.example__company__text{
display: block;
    width: 100%;
    height: 168px;
    margin-top: 40px;
    font-size: 1.4em;
    line-height: 2;
    column-count: 2;
    letter-spacing: 0.02em;
}
.other__company__company{
	margin-bottom: 12px;
	font-size: 2.4em;
}
.other__company__company+small{
	display: block;
	margin-bottom: 36px;
	font-size: 1.6em;
	font-weight: bold;
	color: #D85041;
	text-align: center;
}
.client .service__flow__list {
    margin-bottom: 0;
}
.client .service__flow__item {
    width: 226px;
    min-width: 226px;
}
.client .service__flow__item:not(:last-of-type) {
    margin-right: 40px;
}
.client .service__flow__thumbnail{
	width: 100%;
	height: 148px;
}
.client .service__flow__caption{
	height: auto;
	margin: 24px 0 16px;
}
.client .faq__article{
	border: 1px solid #E6E6E6;
	border-radius: 4px;
}
.client .faq__article:last-of-type{
	margin-bottom: 56px;
}
.client footer{
	padding: 24px 0 32px;
	font-size: 1em;
	text-align: center;
}
/*---------------------------/
// lp
/---------------------------*/
	.affi-lp .gnav__btn{
		width: 140px;
		height: 43px;
		margin: 18px 0 0 auto;
		box-shadow: none;
	}
	.affi-lp .sec__head .sec__caption{
	text-align: center;
}
.affi-lp em.service__text__caption{
	color: #233d4c;
}
.affi-lp .adviser__wrap{
	margin-bottom: 96px;
}
.swiper-pagination2{
	display: none;
}
.swiper-pagination3{
	text-align: center;
}
.affi-lp footer{
	padding: 32px 0;
	text-align: center;
}
.affi-lp .start_slide__slide__wrap+.btn1{
	margin-top: 56px;
}
@media screen and (min-width:769px) {
.map__item:last-of-type {
	margin-bottom: 0!important;
}
.map__wrap:last-of-type {
	margin-bottom: 96px;
}
.map__item:nth-child(3n) {
	margin-right: 0;
}
.forall__item:not(:last-of-type) {
	margin-right: 48px;
}
.reason__wrap:nth-of-type(2n) .reason__details {
	margin: 0 0 0 112px;
}
.recruitment__item:first-of-type {
	margin-right: 32px;
}
.modal-wrap {
	min-width: 1280px;
}
	.fv__client{
	min-width: 1280px;
}
	.map__wrap:first-of-type .map__item {
	margin-bottom: 16px;
}
	
}


@media screen and (max-width:768px) {
.template__wrap p {
	font-size: 1.4em;
	line-height: 1.7;
}
.template__wrap small {
	font-size: 1.3em;
	line-height: 1.7;
	letter-spacing: 0.02em;
}
.m-b-30 {
	margin-bottom: 28px;
}
.m-b-48 {
	margin-bottom: 36px;
}
.m-b-56, .m-b-72 {
	margin-bottom: 48px;
}
.wrap {
	margin: auto 20px;
}
.affi.wrap {
	margin: auto 0px;
}
.wrap.swiper-container {
	margin: 0;
}
.map__wrap {
	max-width: 335px;
	margin: 0 auto 40px;
}
	.map__wrap:last-of-type {
    margin-bottom: 60px;
}
.map__caption {
	font-size: 1.6em;
	margin-bottom: 16px;
}
.map__item {
	width: 100%;
	margin: 0 0 8px;
}
.map__item a {
	width: 100%;
	font-size: 1.4em;
}
.map__item:last-of-type {
	margin-bottom: 0;
}
.map__item .link-blank::after {
	position: static;
}
/*---------------------------/
// 固定ページテンプレ
/---------------------------*/
.template__wrap {
	margin-bottom: 60px;
}
.template__wrap .eyecatch {
	margin-bottom: 48px;
}
.template__contents__wrap {
	margin: 0;
}
.template__wrap .caption {
	display: block;
	margin-bottom: 28px;
	padding-bottom: 18px;
	font-size: 2em;
}
.template__wrap .caption::before {
	width: 50px;
	height: 2px;
}
.template__wrap .caption::after {
	width: calc(100% - 50px);
	height: 2px;
}
.template__wrap .list_type-1 .list__item {
	display: flex;
	margin-bottom: 16px;
	font-size: 1.4em;
	line-height: 1.8;
	align-items: baseline;
}
.template__wrap ol.list_type-1 .list__item::before {
	width: 22px;
	height: 22px;
	min-width: 22px;
	min-height: 22px;
	margin: 3px 16px auto 0;
	font-size: 13px;
	border-radius: 11px;
}
.template__wrap ul.list_type-1 .list__item::before {
	width: 6px;
	height: 6px;
	min-width: 6px;
	min-height: 6px;
	margin: 11px 8px auto 0;
	border-radius: 3px;
}
/*---------------------------/
// サービス
/---------------------------*/
.service picture {
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.what__wrap.wrap {
	width: auto;
	margin: 40px 20px 60px;
}
.what__caption {
	margin-bottom: 32px;
	font-size: 2em;
}
.what__text {
	margin-top: 28px;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.8;
}
.service__wrap, .service__wrap.wrap {
	margin-top: 60px;
	margin-bottom: 60px;
}
.service__wrap[class*="bg-"] {
	padding: 48px 0;
}
.sec__caption, .service__wrap .sec__caption {
	margin: 0 0 28px;
	font-size: 2em;
	letter-spacing: 0.02em;
}
.forall__wrap {
	margin-bottom: 60px;
}
.forall__list {
	width: 100%;
/*	max-width: 335px;*/
	margin: 0 auto 32px;
	flex-wrap: wrap;
}
.forall__item {
	width: calc((50% - 12px));
/*	max-width: calc(311px/2);*/
	margin: 0;
}
 .forall__item:not(:nth-child(2n)) {
 margin-right: 24px;
}
 .forall__item:not(:nth-last-child(-n + 2)) {
 margin-bottom: 20px;
}
.forall__text {
	width: 100%;
	margin-bottom: 6px;
	padding: 12px 10px 22px;
	font-size: 1.2em;
	line-height: 1.3;
	background-position: center;
	    background-size: 100% 65px;
    background-repeat: no-repeat;

}
.forall__thumbnail {
	width: 130px;
	height: 130px;
}
.forall__graph__wrap::before {
	width: 55px;
	height: 36px;
	top: -16px;
}
.forall__graph__wrap {
	margin-bottom: 28px;
	padding: 42px 16px 36px;
	text-align: center;
}
.forall__graph {
	margin-bottom: 28px;
}
.type_first {
	width: 287px;
	height: 51px;
	font-size: 1.3em;
}
.type_first::before {
	width: 22px;
	height: 22px;
	margin-right: 8px;
}
.jobtype__wrap .sec__caption, .user__wrap .sec__caption {
	margin-bottom: 20px;
}
.jobtype__text, .user__wrap .sec__text {
	margin-bottom: 28px;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.8;
}
.jobtype__img {
	margin-bottom: 20px;
}
.service .view_more {
	font-size: 1.3em;
}
.reason .sec__caption {
	margin-bottom: 36px;
}
.reason__wrap {
	margin: auto;
	position: relative;
}
.reason__wrap:nth-of-type(2) {
	margin: 60px 0;
}
.reason__wrap:nth-of-type(3n) {
	margin-bottom: 42px;
}
.reason__details {
	width: 100%;
	margin: 0;
}
.reason__caption {
	margin-bottom: 20px;
	font-size: 2em;
	text-align: center;
}
.reason__caption span {
	margin-bottom: 8px;
	font-size: 12px;
}
.reason__caption::after {
	font-size: 93px;
}
.reason__wrap:nth-of-type(2) .reason__caption::after {
	right: auto;
	left: 0;
}
.reason__thumbnail {
	display: block;
	width: 100%;
	margin: 20px auto 0;
}
.reason__text {
	font-size: 1.4em;
	line-height: 1.8;
}
	.reason__text small {
	margin-top: 12px;
	}
.reason__company {
	max-width: 335px;
	margin: 0 auto;
}
.recruitment__wrap {
	margin-top: 40px;
	padding: 40px 16px;
}
.recruitment__list {
	margin-bottom: 28px;
}
.recruitment__list, .recruitment__item {
	flex-direction: column;
}
.recruitment__item {
	width: 100%;
	margin: 0 auto 16px;
}
.recruitment__item:first-of-type {
	margin-bottom: 16px;
}
.recruitment__thumbnail {
	width: 100%;
	height: 70px;
	margin: 0;
}
.recruitment__thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.recruitment__item dl {
	width: 100%;
	padding: 16px 34px 16px 20px;
}
.recruitment__item .dec_arrow::after {
	right: 12px;
}
.recruitment__logo {
	height: 26px;
	margin-right: 16px;
}
	.recruitment__caption {
	line-height: 1.6;
	}
.recruitment__company span {
	padding: 0 10px;
	font-weight: bold;
	line-height: 19px;
	border-radius: 11px;
}
.recruitment__text {
	font-size: 1.3em;
	line-height: 1.4;
}
.service__wrap.dec_borderbottom {
	padding-bottom: 0;
	border: 0;
}
.feature__item {
	width: 100%;
}
 .feature__item:not(:nth-child(3n)) {
 margin-right: 0;
}
.feature__item:not(:last-child) {
	margin-bottom: 40px;
}
.feature__head {
	margin-bottom: 12px;
	font-size: 1.6em;
}
.feature__icon {
	margin-right: 16px;
}
.feature__text {
	line-height: 1.8;
}
.case__caption.wrap {
	margin: 14px 20px 28px;
	text-align: center;
}
.user__slide__wrap {
	position: relative;
	margin: 0 auto;
	max-width: 80.8vw;
}
.user__slide {
	margin-bottom: 28px;
}
.swiper-container {
	width: 100%;
	height: 100%;
	overflow: visible;
	z-index: 1;
}
.user__article {
	width: 100%!important;
}
.user__article:first-of-type {
	margin-right: 0;
}
.user__article a {
	padding: 32px 24px;
	flex-direction: column;
	align-items: center;
}
.user__contents-l {
	width: 100%;
	margin: 0 0 12px;
	text-align: center
}
.user__subcaption {
	margin-bottom: 12px;
	font-size: 1.2em;
	text-align: center;
}
.user__img {
	display: inline-block;
	width: 125px;
	height: 125px;
	margin-bottom: 12px;
	border-radius: 63px;
}
.user__details {
	font-weight: 500;
}
.user__details em {
	display: inline-block;
	margin: 0;
}
.user__details {
	margin-bottom: 12px;
}
.user__contents-r {
	width: 100%;
}
.user__caption {
	font-size: 1.6em;
	line-height: 1.4;
}
.user__status__item dl {
	font-size: 1.2em;
	line-height: 28px;
}
.swiper-pagination {
	margin-bottom: 0;
}
.service__flow__list {
	margin-bottom: 32px;
	flex-direction: column;
}
.service__flow__item {
	width: 100%;
}
.service__flow__item:not(:last-of-type) {
	margin: 0 0 28px;
}
.service__flow__item {
	display: flex;
	position: relative;
}
.service__flow__item:not(:last-of-type)::after {
	display: block;
	content: '\e903';
	margin: 0 auto;
	font-family: 'icon';
	font-size: 1.6em;
	color: #D85041;
	position: absolute;
	top: 106px;
	left: 42px;
}
.service__flow__thumbnail {
	width: 100px;
	height: 100px;
	min-width: 100px;
	min-height: 100px;
	margin: 0 20px 6px 0;
}
.service__flow__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.service__flow__caption {
	height: auto;
	margin-bottom: 8px;
	font-size: 1.6em;
	text-align: left;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.service__flow__step {
	margin-bottom: 6px;
	font-size: 12px;
	text-align: left;
	line-height: 1;
}
.service__flow__text {
	font-size: 1.4em;
	line-height: 1.7;
}
.service__flow__item:not(:last-of-type) .service__flow__caption::after {
	display: none;
	content: '';
}
	.modal-wrap {
    min-width: 0;
}
	.modal-contents {
        width: 100%;
    height: fit-content;
    max-width: 80.8vw;
    min-width: unset;
		margin: auto;
    padding: 36px 6px 40px 6px;
}
	.modal-close {
    font-size: 2.6em;
    top: -13px;
    right: 18px;
}
	.modal__logo {
    margin-bottom: 10px;
}
	.modal__logo img{
		height: 33px;
	}
	.modal-caption {
    margin-bottom: 0;
    font-size: 1.2em;
		line-height: 1.5;
}
	.modal__recruitment {
		margin-bottom: 28px
	}
		.modal-wrap .btn2{
			    width: calc(100% - 18px);
	}
	/*---------------------------/
// はじめて転職する方へ
/---------------------------*/
.talk__wrap{
	margin-top: 40px;
	margin-bottom: 72px;
}
.start section.wrap{
	margin-top: 40px;
	margin-bottom: 60px;
}
.talk__wrap .sec__caption{
	margin-bottom: 30px;
	font-size: 2em;
	line-height: 1.25;
}
	.start .bg-gray .sec__caption{
		margin-bottom: 20px;
	}
.sec__caption__br{
	display: block;
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.5;
}
	.talk__contents-user {
    margin-bottom: 20px;
}
	.talk__contents-adviser {
    margin-bottom: 36px;
		align-items: flex-start;
}
	.talk__contents-adviser:last-of-type {
    margin:0 0 36px;
}
	.talk__contents-user .talk__img {
    height: 74px;
    margin:0 0 9px 8px;
}
	.talk__thumbnail .talk__img{
		height: 100%;
	}
	.talk__contents-adviser .talk__thumbnail {
    width: 60px;
    min-width: 60px;
 	height: 74px;
    margin-right: 8px;
}
	.talk__text {
    width: calc(100% - 76px);
    padding: 16px 20px;
    border-radius: 3px;
}
	.talk__contents-user .talk__text {
    margin: 0 8px 0 0;
    font-size: 1.4em;
    text-align: left;
    line-height: 1.7;
}
	.talk__contents-adviser .talk__text {
    margin: 0 0 0 8px;
    font-size: 1.4em;
    line-height: 1.7;
}
	
.talk__contents-user .talk__text::before {
    width: 11px;
    height: 11px;
    border-radius: 3px;
    right: -5px;
    bottom: 0;
}
	
	.talk__contents-adviser .talk__text::before {
    width: 11px;
    height: 11px;
    border-radius: 3px;
	top: 36px;
    left: -5px;
		bottom: auto;
}
	.start .talk__wrap .btn2 {
	width: calc(100% - 48px);
	margin: 0 24px;
}
	.start .bg-gray{
		padding: 48px 0;
	}
	.start .sec__text {
    margin-bottom: 36px;
		font-size: 1.4em;
    text-align: left;
    line-height: 1.7;
}
	.bg-gray .wrap section:not(:last-of-type) .comparison__wrap {
    margin-bottom: 60px;
}
	.comparison__contents{
		flex-wrap: wrap;
	}
	.comparison__contents:not(:last-of-type) {
    margin-bottom: 8px;
}
	.comparison__head__caption {
    margin-bottom: 16px;
    font-size: 1.6em;
}
	.comparison__head__img {
    width: 50px;
    height: 50px;
}
	.contents-l, .contents-r {
    width: calc(50% - 4px);
}
	.contents-l {
    margin-right: 4px;
		order: 1;
}
	.contents-r {
    margin-left: 4px;
		order: 2;
}
		.contents-c {
			width: 100%;
    margin: 0 0 8px 0;
			padding: 12px 0;
			font-size: 1.4em;
			line-height: 1;
		order: 0;
					background-color: #E8E8E8;
}
	.comparison__contents:not(.comparison__head) .contents-l, .comparison__contents:not(.comparison__head) .contents-r {
    display: flex;
    padding: 16px 16px 20px 16px;
}
	.bg-gray .wrap section:not(:last-of-type) .comparison__contents:not(.comparison__head) .contents-l{
		flex-direction: column-reverse;
		align-items: center;
	}
	.comparison__contents:not(.comparison__head) .contents-l::before,
	.comparison__contents:not(.comparison__head) .contents-r::before{
		display: none;
	}
	.contents-l i, .contents-r i {
		width: 20px;
		    height: 20px;
    margin: 0 auto 12px;
    font-size: 2em;
}
	.comparison__text {
    width: 100%;
		    height: calc(100% - 32px);
    font-size: 1.3em;
    line-height: 1.6;
    font-weight: 100;
}
	.contents-c span {
    margin-bottom: 8px;
		font-size: 12px;
}
	.comparison__caption {
    width: 100%;
    margin-bottom: 16px;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
	.employment_change .comparison__contents:not(.comparison__head) .contents-l,
	.employment_change .comparison__contents:not(.comparison__head) .contents-r{
		width: 100%;
		margin: 0 0 8px 45.5px;
		padding: 24px 20px;
	}
		.employment_change .comparison__contents:not(.comparison__head) .contents-r{
		margin-bottom: 0
	}
	.employment_change .comparison__contents:not(.comparison__head) .contents-l::before,
	.employment_change .comparison__contents:not(.comparison__head) .contents-r::before{
		display: flex;
		width: 33.5px;
		height: inherit;
		font-size: 1.4em;
		color: #fff;
				font-weight: bold;
		letter-spacing: 0.04em;
		border-radius: 4px;
		writing-mode: vertical-rl;
		align-items: center;
		justify-content: center;
		top: 0;
		left: -45.5px;
		right: auto;
		bottom: 0;
		transform:none;
	}	.employment_change .comparison__contents:not(.comparison__head) .contents-l::before{
		content: '就職活動';
		background-color: #233D4C;
	}
	.employment_change .comparison__contents:not(.comparison__head) .contents-r::before{
		content: '転職活動';
		background-color: #D85041;
	}
	.employment_change .comparison__caption {
    margin-bottom: 8px;
    font-size: 1.6em;
		text-align: left;
    line-height: 1.6;
}
	.start_flow__wrap {
    display: flex;
    flex-direction: column;
}
	.start_flow__head,
	.start_flow__contents__wrap{
		width: 100%;
		margin: 0 0 8px;
	}
	.start_flow__head{
		padding: 12px 0;
		font-size: 1.4em;
		line-height: 1;
	}
	.start_flow__head::before{
	content: "STEP"counter(number,decimal-leading-zero)"";
	display: block;
	width: 100%;;
	height: auto;
		margin-bottom: 6px;
	font-size: 12px;
	color: #D85041;
		text-align: center;
	background-color: unset;
	border-radius: 0;
}
	.start_flow__contents {
    padding: 24px 20px;
	flex-direction: column;
		    align-items: flex-start;
}
	.start_flow__caption{
		margin-bottom: 8px;
    font-size: 1.6em;
	}
	.start_flow__text {
    width: 100%;
    padding-left: 0;
    line-height: 1.8;
		border: none;
}
	.start_flow__caption::before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
		    font-size: 12px;
    border: 1px solid #f2f2f2;
}
	.start_slide__slide__wrap{
		margin: 0 20px;
	}
	.start_slide__slide{
		padding: 0;
		transform: none!important;
		flex-direction: column;
		    align-items: center;
	}
	.start_slide__article,
	.start_slide__slide__wrap .swiper-pagination{
		display: none;
	}
		.start_slide__article:nth-child(1),
		.start_slide__article:nth-child(2),
	.start_slide__article:nth-child(3){
		display: flex;
	/*	height: 550px;*/
		flex-direction: column;
		position: relative;
		transform: scale(1)!important;
	}
	.start_slide__article__toggle{
		display: flex;
		width: 100%;
		height: 169px;
		padding-bottom: 40px;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		background:linear-gradient(transparent ,#fff 70%);
		position: absolute;
		left: 0;
		bottom: 0;
		align-items: flex-end;
		justify-content: center;
		transition: background,0.4s;
	}
	.start_slide__article__toggle.active{
    height: 25px;
    padding: 0;
    bottom: 24px;
				background: linear-gradient(transparent ,#fff 990%);
	}
	.start_slide__article__toggle i{
		margin-left: 8px;
		color: #D85041;
	}
			.start_slide__article:nth-child(1),
	.start_slide__article:nth-child(2){
		margin-bottom: 28px;
	}
	.start_slide__article{
		width: 100%!important;
		padding: 28px 24px;
		box-shadow: none;
		overflow: hidden;
	}
		.start_slide__article::after{
			content: '';
	}
	.start_slide__contents-t{
		width: 100%;
		margin: 0 auto 20px;
		flex-direction: column;
	}
	.start_slide__img {
		display:inline-block; 
    width: 100%;
    margin: 0 0 16px;
}
	.start_slide__user {
    font-size: 1.1em;
}
	.start_slide__caption {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.4;
}
	.start_slide__text{
	line-height: 1.8;
}
	.user__status__list{
		flex-direction: column;
	}
	.start_slide__status{
		width: 100%;
	}
	.start_slide__status:not(:last-of-type){
		margin-bottom: 8px;
	}
	.start_slide__status [class*="user__"] {
		font-size: 1.2em;
    line-height: 27.5px;
}
	.start_slide__status .user__occupation {
    width: calc(100% - 48.5px);
}
	/*---------------------------/
// 不動産業界のお仕事とは？
/---------------------------*/
	.wrap__inner{
		padding: 0;
	}
.job-manual .page__contents__wrap > .wrap{
	margin-top: 60px;
	margin-bottom: 60px;
}
.job-manual  .page__contents__wrap > .wrap:first-child{
	margin-top: 40px;
}
.job-manual .page__contents__wrap > .bg-gray{
	padding: 48px 0;
}
.job-manual .page__contents__wrap > .bg-gray:last-of-type{
		padding: 48px 0 60px;
}
.manual__text{
	margin-top: 28px;
	font-size: 1.4em;
	line-height: 1.8;
}
.industry__contents{
	width: 100%;
	padding: 28px 16px;
}
.industry__contents:not(:nth-child(2n)){
	margin-right: 0;
}
.industry__contents:not(:last-of-type),
.industry__contents:nth-of-type(3){
	margin-bottom: 28px;
}
.industry__icon {
	margin-bottom: 20px;
}
.industry__icon figcaption{
	font-size: 1.8em;
}
.industry__item{
	height: auto;
	 padding: 28px 20px;
}
.industry__text {
	line-height: 1.8;
}
.occupation__wrap{
	display: flex;
	flex-wrap: wrap;
}
.occupation__contents{
	width:calc(50% - 10px);
	margin-top: 30px;
	padding: 48px 12px 28px;
	}
.occupation__contents:not(:last-of-type){
	margin-right: 0;
}
.occupation__contents:not(:nth-child(2n)){
	margin-right:13px;
}
	.occupation__contents:not(:last-of-type){
	margin-bottom:20px;
}
	
.occupation__caption{
	width: 60px;
	height: 60px;
	font-size: 1.4em;
	color: #fff;
	border-radius: 30px;
	top: -30px;
}
.occupation__list{
	font-size: 1.3em;
	letter-spacing: 0;
	line-height: 1.5;
}
.occupation__item:not(:last-of-type){
	margin-bottom: 2px;
}
	.job-manual .category__list{
		margin: 28px 0 36px;
		flex-wrap: wrap;
		    justify-content:flex-start;
	}
	.job-manual .category__item{
		width: calc(50% - 8px);
		margin: 0;
	}
	.job-manual .category__link{
		position: relative;
	}
	.job-manual .category__link::after{
		position: absolute;
		right: 12px;
	}
	.job-manual .category__item:not(:nth-child(2n)){
		margin-right: 16px;
	}
	.job-manual .category__item:not(:last-child){
		margin-bottom: 8px;
	}
	.job-manual .category__link{
		justify-content: center;
	}
.introduction__article:not(:last-of-type){
	margin-bottom: 40px;
}
.introduction__wrap{
		padding: 28px 24px 40px;
}
.introduction__caption{
	padding: 20px 0;
	font-size: 1.8em;
}
.introduction__contents{
	flex-wrap: wrap;
}
.introduction__contents:not(:last-of-type){
	margin-bottom: 28px;
	padding-bottom: 28px;
	border-bottom: 1px solid #f2f2f2
}
.introduction__thumbnail{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
.introduction__details{
	width: 100%;
}
.introduction__name{
	margin-bottom: 16px;
	font-size: 1.6em;
}
.introduction__text{
	font-size: 1.4em;
	line-height: 1.8;
}
/*-----------------------/
// 転職サポートの流れ
/---------------------------*/
.flow .contents__wrap {
	margin-bottom: 60px;
}
.flow__wrap {
	margin: 0 0 28px;
	position: relative;
	justify-content: center;
}
.flow__wrap:last-of-type {
	margin: 0;
}
.flow__contents-l {
	width: 40px;
	height: 62.6666667vw;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
.flow__num {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	font-size: 1.6em;
	line-height: 42px;
	border-radius: 20px;
	position: absolute;
    bottom: 0;
}
.flow__contents-l::before, .flow__contents-l::after, .flow__article::before {
	display: none;
}
.flow__contents-r, .flow__details {
	width: 100%;
	margin: 0;
}

.flow__article {
	margin: 0;
	 padding: 24px 24px 36px 24px;
	flex-direction: column-reverse;
	justify-content: center;
}
.flow__thumbnail {
	width: 100%;
	height: auto;
	margin-bottom: 31px;
}
.flow__caption {
	margin-bottom: 20px;
	font-size: 1.8em;
	letter-spacing: 0.02em;
	text-align: center;
}
.flow__text {
	font-size: 1.4em;
	line-height: 1.7;
}
.flow__contents-r .type_red.btn2.show_sp {
	width: 100%;
	margin: 28px 0 0;
}
.flow__contents-r .type_red.btn2.show_sp.dec_arrow::after {
	right: 8px;
}
/*---------------------------/
// よくある質問
/---------------------------*/
.category__list {
	margin: 40px 0 48px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.category__item {
	width: calc(50% - 4px);
	margin: 0 8px 8px 0;
}
.category__item:nth-child(2n) {
	margin-right: 0;
}
.category__item:nth-child(3n) {
	margin-bottom: 0;
}
.category__link {
	height: auto;
	padding: 10px 12px 10px 20px;
	font-size: 1.1em;
	line-height: 1.8;
}
.category__link::after {
	margin-left: auto;
}
.faq__wrap {
	margin-bottom: 48px;
}
.faq__wrap:last-of-type {
	margin-bottom: 60px;
}
.faq__caption {
	margin-bottom: 16px;
	font-size: 1.6em;
}
.faq__article {
	margin-bottom: 8px;
	justify-content: center;
}
.faq__q {
	padding: 16px 50px 16px 16px;
	font-size: 1.4em;
}
.p_l__wrap {
	right: 12px;
}
.faq__a {
	margin: 0 12px 0 16px;
	padding: 16px 0;
	font-size: 1.4em;
	align-items: center;
}
.faq__q .text, .faq__a .text {
	margin-left: 10px;
	padding-left: 10px;
	line-height: 1.7;
}
.faq__q::before, .faq__a::before {
	font-size: 21px;
}
	
	
/*---------------------------/
// 採用ご担当者様へ
/---------------------------*/
.client section.wrap{
	margin:60px 20px 60px;
}
.client .bg-gray{
	padding: 48px 0;
}
.client .bg-gray .wrap {
    margin: 0 20px;
}
.client .sec__caption{
	margin-bottom: 32px;
}
.client .sec__text{
	margin-bottom: 0;;
	font-size: 1.4em;
	text-align: left;
}
	.client  .logo__header {
    width: 155px;
    margin: 0;
}
.tel__wrap{
	text-align: right;
	margin: auto 0;
}
.tel__num{
	font-size: 1.6em;
}
.tel__num i{
	font-size: 13px;
}
.tel__wrap small{
	font-size: 1em;
	font-weight: 500;
}
	.fv__client > .wrap{
    display: block;
    width: 100%;
}
.fv__client{
    width: 100%;
    height: auto;
    margin: 0;
    background-position: top;
	background-repeat: no-repeat;
    background-size: auto calc(100vh - 60px);
	overflow: visible;
}
.client__img{
	width: calc(100% - 20px);
	margin:18px 0 36px 20px;
	}
.client_form__wrap{
	display: block;
	width: calc(100% - 24px);
	height: auto;
	margin: 0 12px;
}
.form__head__caption{
	font-size: 1.4em;
	line-height: 52px;
}
.client_form__contents{
	padding: 24px 16px 40px;
}
.client_form__table{
	margin-bottom: 20px;
}
.client_form__table .form__item {
	display: flex;
	flex-direction: column;
}
.client_form__table .form__item:not(:last-of-type){
	margin-bottom: 16px;
}
.client_form__table .form__caption {
	width: 100%;
	min-width: 0;
	margin: 0 0 8px;
	padding: 0;
	justify-content: flex-start;
}
.client_form__table .form__caption.required::after{
	display: none;
	}
.client_form__table .form__caption.required::before{
	content: '必須';
	display: inline-block;
	width: 28px;
	height: 16px;
	margin-right: 8px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 16px;
	background-color: #D85041;
	border-radius: 3px;
}
.client_form__table .form__input {
	font-size: 1.3em;
	letter-spacing: 0.02em;
}
.client_form__table .form__input input[type="text"],
.client_form__table .form__input input[type="email"],
.client_form__table .form__input input[type="tel"],
.client_form__table .form__input textarea{
	width: 100%;
	padding: 16px 20px;
	border-radius: 3px;
}
.client_form__table .form__input textarea{
	height: 105px;
	padding-top: 20px;
	line-height: 1.4;
}
.client_form__table .input__checkbox .wpcf7-list-item {
    width: calc(50% - 5px);
}
	.client_form__table .input__checkbox .wpcf7-list-item-label{
    width: 100%;
    height: 51px;
}
.client_form__table .wpcf7-list-item-label::before{
	margin: auto 8px;
}
.client_form__table input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	left: 8px;
}
.client_form__table .input__checkbox .wpcf7-list-item:not(:nth-child(2n)){
	margin-right: 10px;
}
.client_form__table .input__checkbox .wpcf7-list-item:not(:nth-last-child(-n + 2)) {
	margin-bottom: 8px;
}
.client .agree__text{
	margin-bottom: 16px;
}
.sec-first{
		display: flex!important;
		flex-direction: column;
	}
		.sec-first .sec__caption{
		order: 0;
	}
		.sec-first picture{
		order: 1;
			margin-bottom: 28px;
	}
		.sec-first .sec__text{
		order: 2;
	}
.client_feature__list {
	margin-bottom: 48px;
		flex-wrap: wrap;
}
.client_feature__item{
	width: 100%;;
}
.client_feature__item:not(:last-of-type){
	margin: 0 0 20px;
}
.client_feature__details{
	padding: 45px 24px 40px;
}
	.client_feature__thumbnail{
		width: 100%;
		height: 168px;
	}
		.client_feature__thumbnail img{
		object-fit: cover;
	}
.client_feature__icon{
	width: 73px;
	height: 73px;
	top: 131px;
}
.client_feature__caption{
	font-size: 1.8em;
	letter-spacing: 0.02em;
}
.client_feature__text{
	font-size: 1.4em;
}
.client h3{
	margin-bottom: 20px;
	font-size: 1.6em;
}
.client h3+.sec__text{
	margin-bottom: 0;
}
.client__cta{
		width: 100%;
	height: 227px;
	margin-top: 49px;
background: #233D4C;
	border-radius: 4px;
}
	.client__cta::after{
	content: '';
	display: block;
	max-width: 335px;
		height: 265px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
		background-image: url("../img/client__cta_bg_sp.png");
	background-repeat: no-repeat;
	background-size:100%;
	}
.client__cta .type_red.btn2.dec_arrow{
	width: calc(100% - 48px);
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: 48px;
	z-index: 1;
}
.example__article{
	display: flex;
	width: 100%;
	margin-bottom: 60px;
	padding: 24px 24px 36px;
	flex-direction: column;
}
		.example__company__thumbnail{
			display: block;
	width: 100%;
	margin-bottom: 20px;
		order: 0;
}
.example__article .contents-l{
	width:100%;;
	height: auto;
	margin: 0 0 20px;
		order: 1;
}

.example__article .caption{
	margin-bottom: 16px;
	font-size: 1.8em;
	line-height: 1.4;
	letter-spacing: 0.02em;
}
.example__company__logo{
	width: 42px;
	height: 42px;
}
.example__company__name{
	font-size: 1.3em;
}

.example__company__table{
	padding:24px;
}
.example__company__tr{
	display: flex;
		font-size: 1.3em;
	flex-direction: column;
}
.example__company__tr:not(:nth-child(2)){
	margin-bottom: 16px;
}
.example__company__th{
	display: block;
	width: 100%;
	min-width: 0;
	margin-bottom: 6px;
	text-align: left;
	padding-right: 0;
}
.example__company__tr:nth-child(2) .example__company__td{
	line-height: 1.3;
}
.example__company__text{
    width: 100%;
    height: auto;
    margin-top: 0;
    line-height: 1.8;
    column-count: 1;
    letter-spacing: 0;
		order: 2;
}
.other__company__company{
	margin-bottom: 28px;
	font-size: 2em;
	line-height: 1.6;
}
	.other__company__company{
		font-size: 2em!important;
	}
.other__company__company+small{
	margin-bottom: 16px;
	font-size: 1.2em;
}
.client .service__flow__item {
    width: 100%;
	min-width: 0;
}
.client .service__flow__item:not(:last-of-type) {
    margin: 0 0 28px;
}
.client .service__flow__thumbnail{
	width: 100px;
	height: 100px;
}
.client .service__flow__caption{
margin: 0 0 8px;
}
.client .faq__article{
	border: 1px solid #E6E6E6;
	border-radius: 4px;
}
.client .faq__article:last-of-type{
	margin-bottom: 56px;
}
.client footer{
	padding: 24px 0 32px;
	font-size: 1em;
	text-align: center;
}
/*---------------------------/
// lp
/---------------------------*/
.affi-lp .entry__form__wrap{
	display: none;
}
.affi-lp .adviser__wrap{
	margin: 0 0 60px;
	padding-bottom: 0;
}
.affi-lp .swiper-pagination2{
	display: block;
}
.affi-lp .swiper-pagination3{
	display: none;
}
.affi-lp .start_slide__slide__wrap+.btn1,
.affi-lp .btn1{
	margin-top: 36px;
}
}

/*---------------------------/
// 友達紹介キャンペーン共通
/---------------------------*/
.sp-none {
    display: none;
}
.sns-wrap {
    background-color: #f5f5f5;
    margin-top: 56px;
}
.sns-wrap-inner {
    max-width: 1024px;
    text-align: center;
    margin: 0 auto;
    padding: 40px 0 56px;
}
.sns-list {
    display: flex;
    justify-content: center;
}
.pc-sns-header {
    position: relative;
    display: inline-block;
    font-size: 26px !important;
    font-weight: bold;
    color: #233d4c;
    line-height: 1.3846 !important;
    margin-bottom: 32px;
}
.pc-sns-header::before {
    position: absolute;
    display: inline-block;
    content: '';
    background: #000;
    width: 1px;
    height: 30px;
    left: -20px;
    bottom: 0;
    transform: rotate(-40deg);
}
.pc-sns-header::after {
    position: absolute;
    display: inline-block;
    content: '';
    background: #000;
    width: 1px;
    height: 30px;
    right: -20px;
    bottom: 0;
    transform: rotate(40deg);
}
.sp-sns-header {
    display: none;
}
.sp-sns-header-second {
    display: none;
}
.line-item {
    margin-right: 32px;
}
.sns-item a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 13px 27px 13px 12px;
    border-radius: 3px;
    box-shadow: 0px 4px 6px #233D4C4D;
    text-align: center;
    width: 240px;
    transition: 0.4s ease-out;
}
.sns-item a:hover {
    transform: translateY(-2px);
}
.line-item a {
    background: #00BF00;
}
.mail-item a {
    background: #F5A200;
}
.line-link::before {
    content: '';
    display: inline-block;
    background: url(../img/line_icon@2x.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin: -5px 10px;
}
.mail-link::before {
    content: '';
    display: inline-block;
    background: url(../img/mail_icon@2x.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 16px;
    height: 20px;
    margin: -5px 10px;
}
@media screen and (max-width:768px) {
    .sns-wrap {
        margin-top: 48px;
    }
    .pc-sns-header {
        display: none;
    }
    .sp-sns-header {
        display: block;
        font-size: 20px !important;
        font-weight: bold;
        margin-bottom: 5px;
        line-height: 1.1 !important;
    }
    .sp-sns-header-second {
        position: relative;
        display: inline-block;
        font-size: 20px !important;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 1.1 !important;
    }
    .sp-sns-header-second::before {
        position: absolute;
        display: inline-block;
        content: '';
        background: #000;
        width: 1px;
        height: 25px;
        left: -20px;
        bottom: 0;
        transform: rotate(-40deg);
    }
    .sp-sns-header-second::after {
        position: absolute;
        display: inline-block;
        content: '';
        background: #000;
        width: 1px;
        height: 25px;
        right: -20px;
        bottom: 0;
        transform: rotate(40deg);
    }
    .sns-wrap-inner {
        max-width: 1024px;
        text-align: center;
        margin: 0 auto;
        padding: 32px 25px;
    }
    .sns-list {
        display: inline-block;
    }
    .line-item {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .sns-item a {
        width: 74vw;
        max-width: 280px;
        height: 51px;
        padding: 19px 12px;
    }
    .line-link::before {
        margin: -5px 4px;
    }
    .mail-link::before {
        margin: -5px 4px;
    }
}