@charset "utf-8";


/* -----------------------------------------------------------
TOPページ
-------------------------------------------------------------- */
.scroll-hint-icon {
	z-index: 2;
}

#wrapper{
	overflow: clip;
}
#main{
	padding: 140px 0 0;
}

@media screen and (min-width: 769px) {
	.scroll-hint-icon {
		display: none !important;
	}
	
}
@media screen and (max-width: 768px) {
	#main{
		padding: 0;
	}
}

/* -----------------------------
	mv-area
-------------------------------- */
.mv-area{
	
	height: 513px;
	/*background: url("../img/top-mv01.jpg") no-repeat top left / 50%,
		url("../img/top-mv02.jpg") no-repeat top right / 50%;*/
	overflow: hidden;
	position: relative;
}
.mv-area .mv-img{
	display: flex;
	position: absolute;
	height: 100%;
	width: 100%;
}
.mv-area .mv-img img{
	width: 50%;
	object-fit: cover;
}
.mv-area .inner{
	display: grid;
	place-items: center;

}
.mv-area .txt-area{
	background: #fff;
	width: 657px;
	height: 657px;
	border-radius: 400px;
	text-align: center;
	margin: 40px 0 0;
	padding: 105px 0 0;
	position: absolute;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.mv-area .txt-area .mv-subcatch{
	background: var(--grade);
	display: block;
	color: #fff;
	width: fit-content;
	margin: 0 auto;
	font-size: 3rem;
	font-weight: bold;
	padding: 0 15px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.mv-area .txt-area .mv-subcatch:nth-child(2){
	margin: 15px auto 0;
}
.mv-area .txt-area .mv-catch{
	font-size: 4.5rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 20px 0 0;
}

@media screen and (max-width: 768px){
	.mv-area{
		margin: 0;
		background: url("../img/top-mv-sp.jpg") no-repeat top left / contain;
		position: relative;
		height: 438px;
	}
	.mv-area .mv-img{
		display: none;
		}
	.mv-area .inner{

	}
	.mv-area .txt-area{
		background: url("../img/top-mv-sp-bg.png") no-repeat top center / cover;
		border-radius: 0;
		width: 100%;
		height: 194px;
		position: absolute;
        bottom: 0;
		margin: 0;
		padding: 0 0 0 20px;
		    left: 0;
		top: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
		
	}
	.mv-area .txt-area .mv-subcatch{
		font-size: 1.5rem;
		margin: 0;
		padding: 1px 5px;
	}
	.mv-area .txt-area .mv-subcatch:nth-child(2){
		margin: 5px 0 0;
	}
	.mv-area .txt-area .mv-catch{
		font-size: 2.6rem;
		padding: 5px 0 0;
		text-align: left;
	}
}

/* -----------------------------
	service-link-area
-------------------------------- */
.service-link-area{
	display: flex;
}
.service-link-area .block{
	width: 50%;
	background: url("../img/service-link-bg01.jpg") no-repeat top center / cover;
	padding: 80px 5vw 60px;
	position: relative;
}
.service-link-area .block:nth-child(2){
	width: 50%;
	background: url("../img/service-link-bg02.jpg") no-repeat top center / cover;
}
.service-link-area .block .txt-box .en{
	font-family: var(--en);
	font-size: 7rem;
	font-weight: 500;
	letter-spacing: 0.05;
	opacity: 0.3;
	color: #fff;
	position: absolute;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	white-space: nowrap;
}
.service-link-area .block .txt-box .title{
	color: #fff;
	font-size: 3.5rem;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.service-link-area .block .txt-box .catch{
	color: #fff;
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
	font-weight: bold;
	padding: 14px 0 0;
}

.top-link-box ul{
	display: flex;
	justify-content: space-between;
	margin: 30px 0 0;
}
.top-link-box ul li{
	background: #fff;
	width: calc((100% / 2) - 5px);
	top: 0;
	transition: .3s all;
	position: relative;
}
.top-link-box ul li:hover{
	top: -10px;
}
.top-link-box ul li a{
	padding: 30px 20px;
	display: block;
	position: relative;
	display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
}
.top-link-box ul li .fukidashi{
	background: #FFDF54;
	width: 145px;
	height: 32px;
	position: absolute;
	font-size: 1.3rem;
	font-weight: bold;
	display: grid;
	place-items: center;
	border-radius: 30px;
	top: -17px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.top-link-box ul li .fukidashi::before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 10px solid #FFDF54;
	border-bottom: 0;
	bottom: -10px;
}
.top-link-box ul li a > div{
	display: flex;
	gap: 15px;
	padding: 7px 0 0;
	align-items: center;
}
.top-link-box ul li a .subcatch{
	font-size: 1.3rem;
	color: var(--main);
	font-weight: 500;
}
.individual .top-link-box ul li a .subcatch{
	color: var(--green);
}
.top-link-box ul li a .title{
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
}
.top-link-box ul li a::before{
	content: '\f0a9';
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: 900;
	font-family: var(--webicon);
	color: var(--main);
	font-size: 2rem;
	transition: .3s all;
}
.individual .top-link-box ul li a::before{
	color: var(--green);
}
.top-link-box ul li a:hover::before{
	right: 5px;
}

.top-link-box ul li a img{
}

.bottom-link-box ul{
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 37px 0 0;
}
.bottom-link-box ul li{
	background: #fff;
	width: calc((100% / 3) - 5px);
	top: 0;
	transition: .3s all;
	position: relative;
}
.bottom-link-box ul li:hover{
	top: -10px;
}
.bottom-link-box ul li a{
	padding: 65px 15px 45px;
	display: block;
	position: relative;
	height: 100%;
}
.bottom-link-box ul li a img{
	position: absolute;
	bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.bottom-link-box ul li a .title{
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 1.3;
}
.bottom-link-box ul li a::before{
	content: '\f0a9';
	position: absolute;
	bottom: 10px;
	font-weight: 900;
	font-family: var(--webicon);
	color: var(--main);
	font-size: 2rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	transition: .3s all;
}
.individual .bottom-link-box ul li a::before{
	color: var(--green);
}
.bottom-link-box ul li a:hover::before{
	left: 52%;
}

@media screen and (max-width: 768px){
	.service-link-area{
		display: block;
	}
	.service-link-area .block{
		width: 100%;
		padding: 70px 20px 50px;
	}
	.service-link-area .block:nth-child(2){
		width: 100%;
	}
	.service-link-area .block .txt-box .en{
	}
	.service-link-area .block .txt-box .title{
		font-size: 2.6rem;
	}
	.service-link-area .block .txt-box .catch{
		line-height: 1.5;
		padding: 10px 0 0;
	}

	.top-link-box ul{
		display: block;
		margin: 34px 0 0;
	}
	.top-link-box ul li{
		width: 100%;
		border-radius: 5px;
	}
	.top-link-box ul li:hover{
		top: 0;
	}
	.top-link-box ul li:nth-child(2){
		margin: 14px 0 0;
	}
	.top-link-box ul li a{
		display: flex;
		align-items: center;
		padding: 20px 10px;
	}
	.top-link-box ul li:nth-child(2) a{
		padding: 11px 10px;
	}
	.top-link-box ul li a .subcatch{
		display: none;
	}
	.top-link-box ul li a .title{
	}
	.top-link-box ul li a::before{
		font-size: 1.6rem;
		bottom: 5px;
   		right: 6px;
	}

	.bottom-link-box ul{
		margin: 30px 0 0;
	}
	.bottom-link-box ul li{
		border-radius: 5px;
	}
	.bottom-link-box ul li:hover{
		top: 0;
	}
	.bottom-link-box ul li a{
		position: relative;
		padding: 30px 2px 35px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.top-link-box ul li a > div{
		padding: 0;
	}
	.bottom-link-box ul li a img{
		position: absolute;
		top: -20px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width: 100%;
		height: 45px;
		object-fit: contain;
	}
	.bottom-link-box ul li a .title{
		font-size: 1.4rem;
	}
	.bottom-link-box ul li a::before{
		font-size: 1.6rem;
	}
	.individual .bottom-link-box ul li{
		width: calc((100% / 2) - 5px);
	}

}

/* -----------------------------
	top-link-area
-------------------------------- */
.top-link-area{
	padding: 60px 0 0;
	background: var(--lightblue);
}

.top-link-area .interview-block .txt-area{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.top-link-area .interview-block ul{
	display: flex;
	justify-content: space-between;
	margin: 20px 0 0;
}
.top-link-area .interview-block ul li{
	background: var(--lightgray);
	width: calc((100% / 2) - 10px);
	position: relative;
}
.top-link-area .interview-block ul li a{
	padding: 30px;
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
}
.top-link-area .interview-block ul li a::before{
	content: '';
	position: absolute;
	width: 54px;
    height: 53px;
	bottom: 0;
	right: 0;
	background: var(--lightgray);
}
.top-link-area .interview-block ul li a::after{
	position: absolute;
	content: '\f0a9';
    bottom: 15px;
    right: 15px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 2rem;
}
.top-link-area .interview-block ul li a .name{
	color: var(--blue);
	letter-spacing: 0.05em;
	position: relative;
}
.top-link-area .interview-block ul li a .name::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	right: 0;
	background: var(--blue);
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.top-link-area .interview-block ul li a .name span{
	background: var(--lightgray);
	z-index: 1;
	position: relative;
	padding: 0 10px 0 0;
}
.top-link-area .interview-block ul li a .catch{
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 11px 0 0;
    line-height: 1.5;
}
.top-link-area .interview-block ul li .basic-txt{
	padding: 5px 0 0;
}
.top-link-area .interview-block ul li a img{
	object-fit: cover;
}

/* パートナー連携 */
.top-link-area .partner-block{
	margin: 50px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-link-area .partner-block .catch-s{
	margin: 20px 0 0;
}
.top-link-area .partner-block .btn-more{
	margin: 20px 0 0;
}
.top-link-area .partner-block ul{
	background: var(--blue);
	display: flex;
	padding: 30px 30px 75px;
	gap: 30px;
	position: relative;
}
.top-link-area .partner-block ul li{
	background: #fff;
}
.top-link-area .partner-block ul li .title{
	font-size: 1.8rem;
	padding: 7px 15px;
	position: relative;
}
.top-link-area .partner-block ul li .title::after{
	position: absolute;
	content: '\f0a9';
    right: 10px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 2rem;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transition: .3s all;
}
.top-link-area .partner-block ul li:hover .title::after{
	right: 5px;
}
.top-link-area .partner-block ul li.last{
	width: 100%;
	background: none;
	bottom: 20px;
	right: 60px;
	width: fit-content;
	position: absolute;
}
.top-link-area .partner-block ul li.last a{
	color: #fff;
}

.top-link-area .partner-block ul li.last .title{
	padding: 0;
}
.top-link-area .partner-block ul li.last .title::after{
	right: -30px;
}
.top-link-area .partner-block ul li.last .title:hover::after{
	right: -35px;
}

.support-block{
	margin: 50px 0 0;
		position: relative;
    z-index: 1;
}
.support-block ul{
	display: flex;
	justify-content: space-between;

}
.support-block ul li{
	position: relative;
	top: 0;
	transition: .3s all;
}
.support-block ul li:hover{
	position: relative;
	top: -10px;
	transition: .3s all;
}

@media screen and (max-width: 768px){
	.top-link-area{
		padding: 30px 0 30px;
	}
	.top-link-area .interview-block{
		padding: 40px 0 0;
	}

	.top-link-area .interview-block .txt-area{
		display: block;
	}
	.top-link-area .interview-block .txt-area .catch-s{
		margin: 15px 0 0;
	}
	.top-link-area .interview-block ul{
		display: block;
	}
	.top-link-area .interview-block ul li{
		width: 100%;
	}
	.top-link-area .interview-block ul li:nth-child(2){
		margin: 10px 0 0;
	}
	.top-link-area .interview-block ul li a{
		padding: 10px;
		justify-content: space-between;
	}
	.top-link-area .interview-block ul li a::before{
		width: 30px;
    	height: 30px;
	}
	.top-link-area .interview-block ul li a::after{
		font-size: 1.6rem;
		bottom: 10px;
    right: 8px;
	}
	.top-link-area .interview-block ul li a .name{
	}
	.top-link-area .interview-block ul li a .catch{
		font-size: 1.8rem;
		margin: 0 0 0;
	}
	.top-link-area .interview-block ul li .basic-txt{
		display: none;
	}
	.top-link-area .interview-block ul li a img{
		width: 94px;
		height: 94px;
		margin: 0;
	}

	/* パートナー連携 */
	.top-link-area .partner-block{
		display: block;
		margin: 40px 0 0;
	}
	.top-link-area .partner-block .catch-s{
	}
	.top-link-area .partner-block ul{
		display: block;
		padding: 0;
		background: none;
		margin: 16px 0 0;
	}
	.top-link-area .partner-block ul li{
		background: var(--blue);
	}
	.top-link-area .partner-block ul li:nth-child(2){
		margin: 10px 0 0;
	}
	.top-link-area .partner-block ul li a{
		display: flex;
		align-items: center;
		position: relative;
	}
	.top-link-area .partner-block ul li .title{
		color: #fff;
		position: static;
	}
	.top-link-area .partner-block ul li .title::after{
		font-size: 1.6rem;
		top: auto;
		bottom: -10px;
	}
	.top-link-area .partner-block ul li img{
		width: 150px;
		height: 140px;
		object-fit: cover;
		margin: 0 10px 0 0;
	}
	.top-link-area .partner-block ul li.last{
		position: static;
		margin: 0 30px 0 auto;
	}
	.top-link-area .partner-block ul li.last a{
	}
	.top-link-area .partner-block ul li.last a .title{
		color: #333;
		padding: 5px 0 0;
		font-size: 1.5rem;
		color: var(--blue);
	}
	.top-link-area .partner-block ul li.last a .title::after{
		bottom: -16px;
	}

	.support-block{
		margin: 35px 0 0;
	}
	.support-block ul{
		display: block;
	}
	.support-block ul li:nth-child(2){
		margin: 20px 0 0;
	}
	.top-link-area .partner-block .last{
	}
	
	.support-block ul li{
	}
	.support-block ul li:hover{
		top: 0;
	}
}


/* -----------------------------
	corporation-area
-------------------------------- */
.corporation-area{
	margin: 0 0 0;
	padding: 260px 0 290px;
	background: url("../img/blue-bg.jpg") no-repeat top center / cover;
	position: relative;
}
.corporation-area .svg-container{
	top: 300px;
}
.corporation-area::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 148px;
	top: 0;
	right: 0;
	background: url("../img/blue-curve-top.png") no-repeat bottom center / cover;
	z-index: 0;
}
.corporation-area::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 148px;
	bottom: -1px;
	right: 0;
	background: url("../img/blue-curve-bottom.png") no-repeat top center / cover;
}
.corporation-area .inner3{
	display: block;
}
.corporation-area .inner3 .txt-area{
	width: 450px;
	color: #fff;
	position: sticky;
	top: 120px;
	z-index: 1;
}
.corporation-area .inner3 .txt-area .ttl-l{
	white-space: nowrap;
	position: relative;
	z-index: 2;
}
.corporation-area .inner3 .txt-area .ttl-l .en{
	font-size: 7rem;
}
.corporation-area .inner3 .txt-area .ttl-l .jp{
	background: #A1DFE3;
	color: var(--blue);
	display: inline-block;
	padding: 3px 15px;
}
.corporation-area .inner3 .txt-area img{
	margin: 20px 0 0 -150px;
    height: 50vh;
    object-fit: cover;
    width: 640px;
}
.corporation-block{
	flex: 1;
	margin: 0 0 0 auto;
	width: 700px;
	position: relative;
	margin: -500px 0 0 auto;
}
.corporation-block .catch-l{
	color: #fff;
	margin: 100px 0 50px;
}
.corporation-block ul li{
	margin: 50px 0 0;
	display: flex;
	align-items: flex-end;
	gap: 30px;
}
.corporation-block ul li:nth-child(2){
	flex-direction: row-reverse;
}
.corporation-block ul li:first-of-type{
	margin:0;
}
.corporation-block ul li .title{
	background: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 10px 10px;
	position: relative;
	top: -20px;
	display: inline-block;
	gap: 10px;
	margin: 0 0 10px;
	
}
.corporation-block ul li .title.sp-display{
	display: none;
}
.corporation-block ul li .basic-txt{
	color: #fff;
	padding: 0 0 0;
}

.corporation-area .btn-more{
	margin: 100px auto 0;
	display: table;
	position: relative;
}
.corporation-area .btn-more span{
	color: #fff;
	position: absolute;
	font-weight: 500;
	top: -40px;
	font-size: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: max-content;
}
.corporation-area .btn-more a{
	width: 400px;
	height: 80px;
	border: none;
}
.corporation-area .btn-more .deco01{
	margin: 0 10px 0 0;
}
.corporation-area .btn-more .deco02{
	margin: 0 0 0 10px;
}
.corporation-area .btn-more a .icon{
	margin: 0 10px 0 0;
}
@media screen and (max-width: 768px){
	.corporation-area{
		margin: 0 0 0;
		padding: 0 0 84px;
	}
	.corporation-area .svg-container{
		top: 220px;
	}
	.corporation-area::before{
		height: 34px;
		top: -2px;
	}
	.corporation-area::after{
		height: 34px;
	}
	.corporation-area .inner3{
	}
	.corporation-area .inner3 .txt-area{
		position: inherit;
		width: 100%;
		margin: -30px 0 0;
	}
	.corporation-area .inner3 .txt-area .ttl-l .en{
		font-size: 4.4rem;
	}
	.corporation-area .inner3 .txt-area .ttl-l .jp{
		padding: 3px 10px 3px 24px;
	}
	.corporation-area .inner3 .txt-area .catch-l{
		padding: 20px 0 0;
	}
	.corporation-area .inner3 .txt-area img{
		margin: 20px 0;
	}
	.corporation-block{
		width: 100%;
		margin: 10px 0 0;
	}
	.corporation-block .catch-l {
		margin: 30px 0 ;
	}
	.corporation-block ul li{
		margin: 10px 0 0;
		gap:0;
		align-items: center;
	}
	.corporation-block ul li:nth-child(2){
		flex-direction: row;
	}
	.corporation-block ul li:first-of-type{
	}
	.corporation-block ul li .title{
		font-size: 1.8rem;
		background: none;
		color: #fff;
		position: inherit;
		padding: 0;
		display: block;
		line-height: 1.5;
	}
	.corporation-block ul li .title.pc-display{
		display: none;
	}
	.corporation-block ul li .title.sp-display{
		display: block;
	}
	.corporation-block ul li .basic-txt{
		display: none;
	}
	.corporation-block ul li img{
		width: 90px;
		height: 100px;
		object-fit: cover;
		margin: 0 15px 0 0;
	}
	.corporation-area .btn-more{
		margin: 60px auto 0;
	}
	.corporation-area .btn-more a{
		width: 100%;
		min-width: 335px;
		height: 65px;
		display: block;
		position: relative;
		display: flex;
	}
	.corporation-area .btn-more span{
		font-size: 1.3rem;
		top: -30px;
		width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
		text-align: center;
	}
}


/* -----------------------------
	corporation-insurance-area
-------------------------------- */
.corporation-insurance-area{
	padding: 20px 0 0;
	background:var(--lightblue);
	position: relative;
}
.corporation-insurance-area .svg-container{
	top: 360px;
}
.corporation-insurance-area .txt-area{
	text-align: center;
	position: relative;
}
.corporation-insurance-area .txt-area::before{
	content: '';
	position: absolute;

	width: 317px;
	height: 200px;
	top: 20px;
    left: -110px;
	background: url("../img/corporation-insurance-ill01.png") no-repeat top center / contain;
}
.corporation-insurance-area .txt-area::after{
	content: '';
	position: absolute;
	width: 206px;
	height: 229px;
	top: 170px;
    right: -20px;
	background: url("../img/corporation-insurance-ill02.png") no-repeat top center / contain;
}
.corporation-insurance-area .txt-area .subcatch{
	font-size: 2.5rem;
	color: var(--blue);
	position: relative;
	line-height: 1.6;
}
.corporation-insurance-area .txt-area .subcatch::before{
	content: '';
	position: absolute;
	width: 48px;
	height: 73px;
	top: 0;
	right: 0;
	background: url("../img/line-deco01.png") no-repeat top center / contain;
	top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin: 0 0 0 -240px;
}
.corporation-insurance-area .txt-area .subcatch::after{
	content: '';
	position: absolute;
	width: 48px;
	height: 73px;
	top: 0;
	right: 0;
	background: url("../img/line-deco02.png") no-repeat top center / contain;
	top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin: 0 0 0 240px;
}



.corporation-insurance-area .ttl-l .jp{
	font-size: 5rem;
	font-weight: bold;
	margin: 10px 0 0;
}
.corporation-insurance-area .ttl-l .jp::before{
	display: none;
}
.corporation-insurance-area .txt-area .catch-l{
	margin: 30px 0 0;
}
.corporation-insurance-area .txt-area .basic-txt{
	margin: 20px auto 0;
	width: 640px;
}

/* case-block */
.corporation-insurance-area .case-block{
	display: flex;
	justify-content: space-between;
	margin: 120px 0 0;
	position: relative;
}
.corporation-insurance-area .case-block .box{
	width: calc((100% / 2) - 20px);
	background: #fff;
	position: relative;
}
.corporation-insurance-area .case-block .box .fukidashi{
	background: var(--blue);
	color: #fff;
	padding: 18px 40px;
	border-radius: 50px;
	width: 516px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	line-height: 1.6;
	font-size: 2rem;
	top: -60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.corporation-insurance-area .case-block .box .fukidashi::before{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 15px solid var(--blue);
	border-bottom: 0;
}
.corporation-insurance-area .case-block .box .before{
	display: flex;
	padding: 50px 30px 10px;
	position: relative;
}
.corporation-insurance-area .case-block .box .before::before{
	content: '';
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 300px solid transparent;
	border-left: 300px solid transparent;
	border-top: 70px solid #fff;
	border-bottom: 0;
}
.corporation-insurance-area .case-block .box .before img{
	margin: 0 10px 0 0;
}
.corporation-insurance-area .case-block .box .before .industry{
	font-size: 1.8rem;
}
.corporation-insurance-area .case-block .box .before .insurance{
	font-size: 1.4rem;
	background: var(--cvbtn);
	color: #fff;
	border-radius: 20px;
	line-height: 1.2;
	padding: 2px 10px;
	display: inline-block;
	margin: 5px 0 0;
}

.corporation-insurance-area .case-block .box .after{
	background:#FFF5F5;
	padding: 10px 30px 30px;
}
.corporation-insurance-area .case-block .box .after .after-txt{
	text-align: center;
	position: relative;
	font-size: 2rem;
	font-weight: bold;
}
.corporation-insurance-area .case-block .box .after .after-txt img{
	margin: 0 10px 0 0;
}
.corporation-insurance-area .case-block .box .after .catch{
	    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    padding: 20px 0 0;
}
.corporation-insurance-area .case-block .box .after ul{
	background: #fff;
	padding: 20px 30px;
	margin: 20px 0 0;
}
.corporation-insurance-area .case-block .box .after ul li{
	    line-height: 1.6;
    padding: 10px 0 10px 40px;
	position: relative;
}
.corporation-insurance-area .case-block .box .after ul li i{
	position: absolute;
	font-size: 3rem;
	color: var(--pink);
	left: 0;
}

.corporation-insurance-area .btn-more{
	margin: 64px auto 0;
	display: table;
}
.corporation-insurance-area .btn-more a{
	
}
@media screen and (max-width: 768px){
	.corporation-insurance-area{
		padding: 25px 0 0;
	}
	.corporation-insurance-area .txt-area{
	}
	.corporation-insurance-area .txt-area::before{
				width: 136px;
		height: 86px;
		left: auto;
		right: 30px;
		top: 110px;
	}
	.corporation-insurance-area .txt-area::after{

		display: none;
	}
	.corporation-insurance-area .txt-area .subcatch{
		font-size: 1.5rem;
	}
	.corporation-insurance-area .txt-area .subcatch::before{
		width: 20px;
		height: 30px;
		margin: 0 0 0 -140px;
	}
	.corporation-insurance-area .txt-area .subcatch::after{
		width: 20px;
		height: 30px;
		margin: 0 0 0 140px;
	}

	.corporation-insurance-area .ttl-l .jp{
		font-size: 2.6rem;
		margin: 0;
	}
	.corporation-insurance-area .txt-area .catch-l{
		text-align: left;
		width: calc(100% - 150px);
		font-size: 2rem;
	}
	.corporation-insurance-area .txt-area .basic-txt{
		display: none;
	}

	/* case-block */
	.corporation-insurance-area .case-block{
		display: block;
		margin: 50px 0 0;
	}
	.corporation-insurance-area .case-block .box{
		width: 100%;
	}
	.corporation-insurance-area .case-block .box:nth-child(2){
		display: none;
	}
	.corporation-insurance-area .case-block .box .fukidashi{
		width: 100%;
		font-size: 1.4rem;
		padding: 7px 20px;
        width: 90%;
		top: -30px;
	}
	.corporation-insurance-area .case-block .box .fukidashi::before{
	}
	.corporation-insurance-area .case-block .box .before{
		padding: 50px 20px 10px;
	}
	.corporation-insurance-area .case-block .box .before::before{
		bottom: -60px;
	}
	.corporation-insurance-area .case-block .box .before img{
		object-fit: contain;
		width: 65px;
		height: 65px;
	}
	.corporation-insurance-area .case-block .box .before .industry{
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.corporation-insurance-area .case-block .box .before .insurance{
		margin: 0 0 0;
		font-size: 0.8rem;
		padding: 4px 15px;
	}
	.corporation-insurance-area .case-block .box .before .basic-txt{
		font-size: 1.2rem;
		position: relative;
	}

	.corporation-insurance-area .case-block .box .after{
		padding: 11px 20px 30px;
	}
	.corporation-insurance-area .case-block .box .after .after-txt{
		font-size: 1.4rem;
		text-align: left;
		display: flex;
        justify-content: center;
		line-height: 1.4;
		align-items: center;
	}
	.corporation-insurance-area .case-block .box .after .after-txt img{
		margin: 0 10px 0 0;
	}
	.corporation-insurance-area .case-block .box .after .catch{
		line-height: 1.75;
		padding: 14px 0 0;
		text-align: left;
		font-size: 2rem;
	}
	.corporation-insurance-area .case-block .box .after ul{
		background: none;
		padding: 0;
		margin: 10px 0 0;
	}
	.corporation-insurance-area .case-block .box .after ul li{
		padding: 8px 0 8px 40px;
		font-size: 1.4rem;
	}

	.corporation-insurance-area .btn-more{
		margin: 30px auto 0;
	}
}


/* -----------------------------
	corporation-bottom-area
-------------------------------- */
.corporation-bottom-area{
	padding: 240px 0 35px;
	background:var(--lightblue);
	position: relative;
}
.svg-box{
	transform: rotate(-45deg);
}
.corporation-bottom-area .corporation-grad04{
	bottom: 500px;
	top: auto;
}
.corporation-bottom-area .block{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.corporation-bottom-area .block:nth-child(n + 2){
	margin: 150px 0 0;
}
.corporation-bottom-area .block.fp{
	flex-direction: row-reverse;
	position: relative;
}
.corporation-bottom-area .block.fp .txt-box{
	margin: 0 110px 0 0;
}

.corporation-bottom-area .ttl-l .jp{
	font-size: 4rem;
	font-weight: bold;
	padding: 0;
}
.corporation-bottom-area .ttl-l .jp::before{
	display: none;
}
.corporation-bottom-area .txt-box .catch-m{
	margin: 30px 0 0;
}
.corporation-bottom-area .txt-box .ill01{
	margin: 60px 0 50px;
    position: relative;
    left: -60px;
}
.corporation-bottom-area .txt-box .ill02{
	margin: 40px 0 50px;
    position: relative;
    right: -140px;
}
.corporation-bottom-area .txt-box .ill03{
	margin: 40px 0 90px;
    position: relative;
    left: 120px;
}

/* list-box */
.corporation-bottom-area .list-box{
	width: 585px;
}
.corporation-bottom-area .list-box li{
	background: #fff;
	border: solid 1px var(--blue);
	display: flex;
	align-items: center;
	height: 150px;
}
.corporation-bottom-area .list-box li:nth-child(n + 2){
	margin: 15px 0 0;
}
.corporation-bottom-area .list-box li > div{
	flex: 1;
}
.corporation-bottom-area .list-box li img{
	background: url("../img/corporation-bottom-list-bg.jpg") no-repeat top center / cover;
	width: 150px;
    height: 150px;
    padding: 30px;
    margin: 0 20px 0 0;
    object-fit: contain;
}
.corporation-bottom-area .list-box li .title{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.corporation-bottom-area .list-box li .title span{
	font-size: 1.6rem;
}

.corporation-bottom-area .asset-management .basic-txt{
	padding: 30px 0 0;
}
.corporation-bottom-area .asset-management .btn-more{
	margin: 40px 0 0;
}
.corporation-bottom-area .asset-management .ill03{
	position: relative;
	left: -60px;
}
.corporation-bottom-area .block .box{
	padding: 30px;
	margin: 50px 0 0;
	border: solid 1px var(--blue);
	background: #fff;
	position: relative;
}
.corporation-bottom-area .block .box .subtitle{
	color: var(--blue);
	font-size: 1.6rem;
	font-weight: bold;
    letter-spacing: 0.1em;
    background: var(--blue);
    color: #fff;
    display: inline-block;
    padding: 3px 20px 4px;
    margin: 5px 0 0;
	position: absolute;
	top: -20px;
	border-radius: 30px;
}
.corporation-bottom-area .block .box ul{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin: 10px 0 0;
}
.corporation-bottom-area .block .box ul li{
	position: relative;
	padding: 0 0 0 20px;
}
.corporation-bottom-area .block .box ul li::before{
	content: '\f058';
	position: absolute;
	width: px;
	height: px;
	top: 0;
	left: 0;
	font-weight: 900;
	font-family: var(--webicon);
	color: var(--blue);
}


@media screen and (max-width: 768px){
	.corporation-bottom-area{
		padding: 60px 0 47px;
	}
	.corporation-bottom-area .corporation-grad03{
		top: 80px;
	}
	.corporation-bottom-area .corporation-grad04 {
		bottom: auto;
        top: 770px;
	}
	.corporation-bottom-area .block{
		display: block;
	}
	.corporation-bottom-area .block:nth-child(n + 2){
		margin: 60px 0 0;
	}
	.corporation-bottom-area .block.fp{
		margin: 60px 0 0;
	}
	.corporation-bottom-area .block.fp .txt-box{
		margin: 0;
	}
	.corporation-bottom-area .txt-box {
		position: relative;
	}
	.corporation-bottom-area .ttl-l .jp{
		font-size: 2.6rem;
	}
	.corporation-bottom-area .txt-box .catch-m{
	}
	.corporation-bottom-area .txt-box img{
		object-fit: contain;
	}
	.corporation-bottom-area .txt-box .ill01{
		position: absolute;
		right: -10px;
		left: auto;
		top: -30px;
		width: 96px;
		height: 107px;
		margin: 0;
	}
	.corporation-bottom-area .txt-box .ill02{
		position: absolute;
		right: 0;
		left: auto;
		top: 145px;
		width: 84px;
		height: 94px;
		margin: 0;
	}
	.corporation-bottom-area .txt-box .ill03{
		position: absolute;
		right: 0;
		left: auto;
		top: 50px;
		width: 84px;
		height: 94px;
		margin: 0;
	}

	/* list-box */
	.corporation-bottom-area .list-box{
		width: 100%;
		margin: 43px 0 0;
	}
	.corporation-bottom-area .list-box li{
		height: 46px;
		border: none;
		box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05);
	}
	.corporation-bottom-area .list-box li:nth-child(n + 2){
		margin: 6px 0 0;
	}
	.corporation-bottom-area .list-box li img{
		width: 46px;
		height: 46px;
		padding: 5px;
	}
	.corporation-bottom-area .list-box li .title{
		font-size: 1.5rem;
	}
	.corporation-bottom-area .list-box li .basic-txt{
		display: none;
	}
	.corporation-bottom-area .btn-more.pc-display-b{
		display: none;
	}
	.corporation-bottom-area .btn-more{
		margin: 30px auto 0;
		display: table;
	}
	.corporation-bottom-area .asset-management{
		position: relative;
	}
	.corporation-bottom-area .asset-management .ill03{
		width: 140px;
        position: absolute;
        left: auto;
        right: -20px;
        top: 50px;
	}
	.corporation-bottom-area .asset-management .btn-more{
		margin: 30px auto 0;
	}

}

/* -----------------------------
	individual-area
-------------------------------- */
.individual-area{
	margin: 0 0 0;
	padding: 300px 0;
	background: url("../img/green-bg.jpg") no-repeat top center / cover;
	position: relative;
}
.individual-area .individual-grad01{
	top: 300px;
}
.individual-area::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 148px;
	top: 0;
	right: 0;
	background: url("../img/blue-curve-top.png") no-repeat bottom center / cover;
}
.individual-area::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 148px;
	bottom: -1px;
	right: 0;
	background: url("../img/white-curve-bottom.png") no-repeat top center / cover;
}
.individual-area .inner3{
	display: block;
}
.individual-area .inner3 .txt-area{
	width: 450px;
	color: #fff;
	position: sticky;
	top: 120px;
}
.individual-area .inner3 .txt-area .ttl-l .en{
	font-size: 7rem;
	white-space: nowrap;
}
.individual-area .inner3 .txt-area .ttl-l .jp{
	background: #F5EF8A;
	color: #8A8D25;
	display: inline-block;
	padding: 5px 20px;
}
.individual-area .inner3 .txt-area img{
	margin: 20px 0 0 -150px;
    height: 50vh;
    object-fit: cover;
    width: 640px;
}
.individual-block{
	flex: 1;
	margin: 0 0 0 auto;
	width: 700px;
	position: relative;
	margin: -500px 0 0 auto;
}
.individual-block .catch-l {
    color: #fff;
    margin: 100px 0 50px;
}
.individual-block ul li{
	margin: 50px 0 0;
	display: flex;
	align-items: flex-end;
	gap: 30px;
}
.individual-block ul li:nth-child(2){
	flex-direction: row-reverse;
}
.individual-block ul li:first-of-type{
	margin:0;
}
.individual-block ul li .title{
	background: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 10px 10px;
	position: relative;
	top: -20px;
	display: inline-block;
	gap: 10px;
	margin: 0 0 10px;
	color: var(--txtgreen);
}
.individual-block ul li .basic-txt{
	color: #fff;
	padding: 0 0 0;
}
.individual-area .btn-more{
	margin: 100px auto 0;
	display: table;
	position: relative;
}
.individual-area .btn-more span{
	color: #fff;
	position: absolute;
	font-weight: 500;
	top: -40px;
	font-size: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: max-content;
}

.individual-area .btn-more a{
	width: 400px;
	height: 80px;
	border: none;
}
.individual-area .btn-more .deco01{
	margin: 0 10px 0 0;
}
.individual-area .btn-more .deco02{
	margin: 0 0 0 10px;
}
.individual-area .btn-more a .icon{
	margin: 0 10px 0 0;
}

@media screen and (max-width: 768px){
	.individual-area{
		margin: 0 0 0;
		padding: 0 0 84px;
	}
	.individual-area .individual-grad01{
		top: 220px;
	}
	.individual-area::before{
		height: 34px;
		top: -2px;
	}
	.individual-area::after{
		height: 34px;
	}
	.individual-area .inner3{
	}
	.individual-area .inner3 .txt-area{
		position: inherit;
        width: 100%;
        margin: -30px 0 0;
	}
	.individual-area .inner3 .txt-area .ttl-l .en{
		font-size: 4.4rem;
	}
	.individual-area .inner3 .txt-area .catch-l{
		padding: 20px 0 0;
	}
	.individual-area .inner3 .txt-area img{
		margin: 20px 0;
	}
	.individual-block{
		width: 100%;
		margin: 10px 0 0;
	}
	.individual-block .catch-l{
		margin: 30px 0;
	}
	.individual-block ul li{
		margin: 10px 0 0;
		gap:0;
		align-items: center;
	}
	.individual-block ul li:nth-child(2){
		flex-direction: row;
	}
	.individual-block ul li:first-of-type{
	}
	.individual-block ul li .title{
		font-size: 1.8rem;
		background: none;
		color: #fff;
		position: inherit;
		padding: 0;
		display: block;
		line-height: 1.5;
		margin: 0;
	}
	.individual-block ul li .title.pc-display{
		display: none;
	}
	.individual-block ul li .title.sp-display{
		display: block;
	}
	.individual-block ul li .basic-txt{
		display: none;
	}
	.individual-block ul li img{
		width: 90px;
		height: 100px;
		object-fit: cover;
		margin: 0 15px 0 0;
	}
	.individual-area .btn-more{
		margin: 60px auto 0;
	}
	.individual-area .btn-more a{
		width: 100%;
		min-width: 335px;
		height: 65px;
		display: block;
		position: relative;
		display: flex;
	}
	.individual-area .btn-more span{
		font-size: 1.3rem;
		top: -30px;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		text-align: center;
	}
}

/* -----------------------------
	individual-insurance-area
-------------------------------- */
.individual-insurance-area{
	margin: 40px 0 0;
	position: relative;
}
.individual-insurance-area .individual-grad02{
	top: 150px;
}
.individual-insurance-area .txt-area{
	text-align: center;
	position: relative;
}
.individual-insurance-area .txt-area::before{
	content: '';
	position: absolute;
	width: 158px;
	height: 230px;
	top: -10px;
    left: 50px;
	background: url("../img/individual-insurance-ill01.png") no-repeat top center / contain;
}
.individual-insurance-area .txt-area::after{
	content: '';
	position: absolute;
	width: 286px;
	height: 286px;
	top: 120px;
    right: -70px;
	background: url("../img/individual-insurance-ill02.png") no-repeat top center / contain;
}
.individual-insurance-area .txt-area .subcatch{
	font-size: 2.5rem;
	color: var(--cvbtn);
	position: relative;
	line-height: 1.6;
}
.individual-insurance-area .txt-area .subcatch::before{
	content: '';
	position: absolute;
	width: 48px;
	height: 73px;
	top: 0;
	right: 0;
	background: url("../img/pink-line-deco01.png") no-repeat top center / contain;
	top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin: 0 0 0 -240px;
}
.individual-insurance-area .txt-area .subcatch::after{
	content: '';
	position: absolute;
	width: 48px;
	height: 73px;
	top: 0;
	right: 0;
	background: url("../img/pink-line-deco02.png") no-repeat top center / contain;
	top: 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	margin: 0 0 0 240px;
}
.individual-insurance-area .ttl-l .jp{
	font-size: 5rem;
	font-weight: bold;
	margin: 10px 0 0;
}
.individual-insurance-area .ttl-l .jp::before{
	display: none;
}
.individual-insurance-area .txt-area .catch-l{
	margin: 20px 0 0;
}
.individual-insurance-area .txt-area .basic-txt{
	margin: 20px auto 0;
	width: 630px;
}

/* list */
.individual-insurance-area .list{
	margin: 57px 0 0 50px;
}

.individual-insurance-area .list > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.individual-insurance-area .list > div:nth-child(n + 2){
	margin: 26px 0 0;
}


.individual-insurance-area .list .txt-box{
	width: 360px;
	margin: 0 40px 0 0;
}
.individual-insurance-area .list .txt-box .title{
	font-size: 2.5rem;
	font-weight: bold;
}
.individual-insurance-area .list .txt-box .title span{
	background: var(--green);
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	line-height: 1;
	margin: 0 10px 0 0;
	 position: relative;
    box-shadow: 4px 4px #333;
    outline: 3px solid #fff;
    text-align: center;
}
.individual-insurance-area .list .txt-box .basic-txt{
	padding: 15px 0 0;
}
.individual-insurance-area .list > div:nth-child(2) ul li{
	flex-direction: inherit;
}

.individual-insurance-area .list ul{
	display: flex;
	justify-content: center;
	border: solid 3px var(--green);
	padding: 20px;
	flex: 1;
	height: 150px;
	background: #fff;
}
.individual-insurance-area .list ul li{
	display: flex;
	align-items: center;
	gap: 10px;
	border-right: dashed 1px var(--green);
	padding: 0 30px;
	flex-direction: column;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
}
.individual-insurance-area .list ul li:last-of-type{
	border: none;
}
.individual-insurance-area .list ul li img{
	height: 62px;
}
.individual-insurance-area .btn-more{
	display: table;
	margin: 65px auto 0;
}

@media screen and (max-width: 768px){
	.individual-insurance-area{
		padding: 15px 0 0;
		margin: 0;
	}
	.individual-insurance-area .txt-area{
	}
	.individual-insurance-area .txt-area::before{
		
		display: none;
	}
	.individual-insurance-area .txt-area::after{
		width: 120px;
		height: 120px;
		left: auto;
		right: 18px;
        top: 102px;	
	}
	.individual-insurance-area .txt-area .subcatch{
		font-size: 1.5rem;
	}
	.individual-insurance-area .txt-area .subcatch::before{
		width: 20px;
		height: 30px;
		margin: 0 0 0 -140px;
	}
	.individual-insurance-area .txt-area .subcatch::after{
		width: 20px;
		height: 30px;
		margin: 0 0 0 140px;
	}

	.individual-insurance-area .ttl-l .jp{
		font-size: 2.6rem;
		margin: 0;
	}
	.individual-insurance-area .txt-area .catch-l{
		text-align: left;
		margin: 30px 0 0;
		font-size: 2rem;
		width: calc(100% - 150px);
	}
	.individual-insurance-area .txt-area .basic-txt{
		display: none;
	}

	/* list */
	.individual-insurance-area .list{
		margin: 30px 0 0;
	}

	.individual-insurance-area .list > div{
		display: block;
	}
	.individual-insurance-area .list > div:nth-child(n + 2){
		margin: 30px 0 0;
	}


	.individual-insurance-area .list .txt-box{
		width: 100%;
		margin: 0;
	}
	.individual-insurance-area .list .txt-box .title{
		font-size: 2rem;
	}
	.individual-insurance-area .list .txt-box .title span{
		padding: 10px 7px;
	}
	.individual-insurance-area .list ul{
		margin: 20px 0 0;
		background: #FDFFEB;
		height: auto;
		padding: 10px 10px;
		gap: 10px 0;
	}
	.individual-insurance-area .list ul.column04{
		flex-wrap: wrap;
	}
	.individual-insurance-area .list ul.column04 li{
		width: calc(100% / 2);
	}
	.individual-insurance-area .list ul.column04 li:nth-child(2){
		border-right: none;
	}
	
	.individual-insurance-area .list ul.column05{
		flex-wrap: wrap;
	}
	.individual-insurance-area .list ul.column05 li{
		width: calc(100% / 3);
	}
	.individual-insurance-area .list ul.column05 li:nth-child(3){
		border-right: none;
	}
	.individual-insurance-area .list ul li{
		display: block;
		font-size: 1.2rem;
		padding: 0 15px;
	}
	.individual-insurance-area .list ul li img{
		height: 30px;
		display: block;
		margin: 0 auto 5px;
	}

	.individual-insurance-area .btn-more{
		margin: 30px auto 0;
	}
}

/* -----------------------------
	individual-bottom-area
-------------------------------- */
.individual-bottom-area{
	margin: 200px 0 0;
	position: relative;
}
.individual-bottom-area .individual-grad03{
	top: -100px;
}
.individual-bottom-area .individual-grad04{
	bottom: 200px;
	top: auto;
}
.individual-bottom-area .block{
	display: flex;
	justify-content: space-between;
}
.individual-bottom-area .block:nth-child(n + 2){
	margin: 150px 0 0;
}
.individual-bottom-area .block.management{
	flex-direction: row-reverse;
}
.individual-bottom-area .ttl-l .jp{
	font-size: 4rem;
	font-weight: bold;
	padding: 0;
}
.individual-bottom-area .ttl-l .jp::before{
	display: none;
}
.individual-bottom-area .txt-box .catch-m{
	margin: 20px 0 0;
}
.individual-bottom-area .txt-box .ill01{
	margin: 80px 0 100px;
    position: relative;
    left: -70px;
}
.individual-bottom-area .txt-box .ill02{
	margin: 50px 0 70px;
    position: relative;
    right: -140px;
}

.individual-bottom-area .list-box{
	width: 585px;
}

.individual-bottom-area .list-box li{
	background: #fff;
	border: solid 1px var(--green);
	display: flex;
	align-items: center;
}
.individual-bottom-area .list-box li:nth-child(n + 2){
	margin: 12px 0 0;
}
.individual-bottom-area .list-box li > div{
	flex: 1;
}
.individual-bottom-area .list-box li img{
	background: url("../img/individual-bottom-list-bg.jpg") no-repeat top center / cover;
	width: 150px;
	height: 150px;
	padding: 30px;
	margin: 0 20px 0 0;
	object-fit: contain;
}
.individual-bottom-area .list-box li .title{
	font-size: 2rem;
	font-weight: bold;
}
.individual-bottom-area .list-box li .basic-txt{
	font-size: 1.4rem;
	padding: 0 20px 0 0;
}
.individual-bottom-area .asset-management{
	align-items: flex-start;
}
.individual-bottom-area .asset-management .basic-txt{
	padding: 30px 0 0;
}
.individual-bottom-area .asset-management .btn-more{
	margin: 40px 0 0;
}
.individual-bottom-area .asset-management .ill03{
	position: relative;
	left: -60px;
}
.individual-bottom-area .block .box{
	padding: 30px;
	margin: 50px 0 0;
	border: solid 1px var(--green);
	background: #fff;
	position: relative;
}
.individual-bottom-area .block .box .subtitle{
	color: var(--green);
	font-size: 1.6rem;
	font-weight: bold;
    letter-spacing: 0.1em;
    background: var(--green);
    color: #fff;
    display: inline-block;
    padding: 3px 20px 4px;
    margin: 5px 0 0;
	position: absolute;
	top: -20px;
	border-radius: 30px;
}
.individual-bottom-area .block .box ul{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin: 10px 0 0;
}
.individual-bottom-area .block .box ul li{
	position: relative;
	padding: 0 0 0 20px;
}
.individual-bottom-area .block .box ul li::before{
	content: '\f058';
	position: absolute;
	width: px;
	height: px;
	top: 0;
	left: 0;
	font-weight: 900;
	font-family: var(--webicon);
	color: var(--green);
}

@media screen and (max-width: 768px){
	.individual-bottom-area{
		padding: 55px 0 0;
		margin: 0;
	}
	.individual-bottom-area .individual-grad03{
		top: 80px;
	}

	.individual-bottom-area .block{
		display: block;
	}
	.individual-bottom-area .block:nth-child(n + 2){
		margin: 60px 0 0;
	}
	.individual-bottom-area .block.fp{
		margin: 60px 0 0;
	}
	.individual-bottom-area .block.fp .txt-box{
		margin: 0;
	}
	.individual-bottom-area .txt-box {
		position: relative;
	}
	.individual-bottom-area .ttl-l .jp{
		font-size: 2.6rem;
	}
	.individual-bottom-area .txt-box .catch-m{
	}
	.individual-bottom-area .txt-box .ill01{
		position: absolute;
		right: -14px;
		left: auto;
		top: 85px;
		width: 123px;
		height: 76px;
		margin: 0;
		object-fit: contain;
	}
	.individual-bottom-area .txt-box .ill02{
		position: absolute;
		right: -10px;
		left: auto;
		top: 65px;
		width: 105px;
		height: 87px;
		margin: 0;
	}
	.individual-bottom-area .txt-box .ill03{
		position: absolute;
		right: 0;
		left: auto;
		top: 0;
		width: 84px;
		height: 94px;
		margin: 0;
	}

	/* list-box */
	.individual-bottom-area .list-box{
		width: 100%;
		margin: 45px 0 0;
	}
	.individual-bottom-area .list-box li{
		height: 46px;
		border: none;
		box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.05);
	}
	.individual-bottom-area .list-box li:nth-child(n + 2){
		margin: 5px 0 0;
	}
	.individual-bottom-area .list-box li img{
		width: 46px;
		height: 46px;
		padding: 5px;
	}
	.individual-bottom-area .list-box li .title{
		font-size: 1.5rem;
	}
	.individual-bottom-area .list-box li .basic-txt{
		display: none;
	}
	.individual-bottom-area .btn-more.pc-display-b{
		display: none;
	}
	.individual-bottom-area .btn-more{
		margin: 30px auto 0;
		display: table;
	}
	.individual-bottom-area .individual-grad04{
		bottom: 0;
	}
	
	.individual-bottom-area .asset-management{
		position: relative;
	}
	.individual-bottom-area .asset-management .ill03{
		width: 140px;
        position: absolute;
        left: auto;
        right: -20px;
        top: 50px;
	}
	.individual-bottom-area .asset-management .btn-more{
		margin: 30px auto 0;
	}
	.individual-bottom-area .block .box{
		    margin: 30px 0 0;
	}
}


/* -----------------------------
	interview-area
-------------------------------- */
.interview-area{
	margin: 230px 0 0;
}
.interview-area .block{
	background: var(--lightgray);
	
	margin: 65px 0 0;
	position: relative;
}
.interview-area .block:nth-child(3){
	margin: 30px 0 0;
}
.interview-area .block a{
	display: flex;
	padding: 40px 50px;
	flex-direction: row-reverse;
}
.interview-area .block a .name{
	color: var(--blue);
	font-size: 2rem;
	font-weight: 500;
	position: relative;
	
}
.interview-area .block a .name span{
	background: var(--lightgray);
	position: relative;
	padding: 0 10px 0 0;
}
.interview-area .block a .name::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	background: var(--blue);
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.interview-area .block a .catch-m{
	font-size: 3.2rem;
	padding: 20px 0 0;
	line-height: 1.5;
}
.interview-area .block a ul{
	display: flex;
	background: #fff;
	margin: 20px 0 0;
}
.interview-area .block a ul li{
	letter-spacing: 0.05em;
	padding: 20px;
	flex: 1;
	line-height: 1.3;
	position: relative;
}
.interview-area .block a ul li::before{
	content: '\f058';
	position: absolute;
	font-family: var(--webicon);
	left: -10px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	color: var(--pink);
	font-weight: 900;
	font-size: 2rem;
}
.interview-area .block a ul li.list-title{
	background: var(--pink);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	width: 120px;
	flex: none;
	position: relative;
	margin: 0 50px 0 0;
	padding: 20px;
}
.interview-area .block a ul li.list-title::before{
	display: none;
}
.interview-area .block a ul li.list-title::after{
	content: '';
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 43px solid transparent;
	border-bottom: 43px solid transparent;
	border-left: 20px solid var(--pink);
	border-right: 0;
}
.interview-area .block a .basic-txt{
	margin: 30px 0 0;
}
.interview-area .block a::before{
	content: '';
	position: absolute;
	width: 100px;
	height: 100px;
	bottom: 0;
	right: 0;
	background: var(--lightgray);
}
.interview-area .block a::after{
	position: absolute;
    content: '\f0a9';
    bottom: 30px;
    right: 30px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 4rem;
}
.interview-area .block img{
	margin: 0 0 0 30px;
}
@media screen and (max-width: 768px){
	.interview-area{
		margin: 46px 0 0;
	}
	.interview-area .sp-scroll{
		
		overflow-x: scroll;
		
	}
	.interview-area .sp-scroll > div{
		width: 800px;
		display: flex;
		gap: 10px;
	}
	.interview-area .block{
		margin: 25px 0 0;
		width: 336px;
	}
	.interview-area .block:nth-child(3){
	}
	.interview-area .block a{
		padding: 0;
		display: block;
	}
	.interview-area .block a > div{
		padding: 10px 20px;
	}
	.interview-area .block a .name{
		font-size: 1.6rem;
	}
	.interview-area .block a .name span{
		
	}
	.interview-area .block a .name::before{
	}

	.interview-area .block a .catch-m{
		font-size: 2rem;
		line-height: 1.75;
		padding: 17px 0 0;
	}
	.interview-area .block a ul{
		display: block;
		margin: 7px 0 0;
	}
	.interview-area .block a ul li{
		padding: 5px 10px 5px 47px;
	}
	.interview-area .block a ul li::before{
		left: 15px;
	}
	.interview-area .block a ul li.list-title{
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		padding: 10px;
	}
	.interview-area .block a ul li.list-title::after{
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 10px solid var(--pink);
		border-bottom: 0;
		bottom: -10px;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.interview-area .block a .basic-txt{
		margin: 10px 0 0;
	}
	.interview-area .block a::before{
		display: none;
	}
	.interview-area .block a::after{
		font-size: 2rem;
		bottom: 24px;
    right: 20px;
	}
	.interview-area .block img{
		margin: 0;
		height: 150px;
		width: 100%;
		object-fit: cover;
	}
}

/* -----------------------------
	partner-area
-------------------------------- */
.partner-area{
	margin: 145px 0 0;
	background: url("../img/partner-bg.jpg") no-repeat top center / 100% 600px;
	padding: 190px 0 0;
	position: relative;
}
.partner-area .txt-area{
	color: #fff;
}
.partner-area .txt-area .ttl-l .en{
font-size: 15rem;
    position: absolute;
    mix-blend-mode: screen;
    top: -120px;
    color: rgb(255 255 255);
    opacity: 0.2;
}
.partner-area .txt-area .ttl-l .jp{
	font-size: 3rem;
}
.partner-area .txt-area .catch-l{
	margin: 45px 0 0;
}
.partner-area ul{
	display: flex;
	justify-content: space-between;
	margin: 70px 0 0;
}
.partner-area ul li{
	background: #F3F3F7;
	padding: 50px 20px 20px;
	width: calc((100% / 3) - 20px);
}
.partner-area ul li img{
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 150px;
	object-fit: contain;
}
.partner-area ul li .catch{
	font-size: 2.3rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 25px 0 0;
	line-height: 1.75;
}
.partner-area ul li .basic-txt{
	padding: 10px 0 0;
}
.partner-area .btn-more{
	display: table;
	margin: 50px auto 0;
}

/* .partner-top-box */
.partner-top-box{
	display: flex;
	justify-content: space-between;
	margin: 110px 0 0;
}
.partner-top-box > div{
	border: solid 1px var(--blue);
	position: relative;
}
.partner-top-box > div .txt-box{
	position: relative;
}
.partner-top-box > div .title{
	font-size: 3rem;
	font-weight: bold;
	background: #fff;
	position: absolute;
	padding: 20px 20px;
	bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 400px;
	text-align: center;
	line-height: 1.4;
}
.partner-top-box > div .catch-s{
	padding: 30px;
	font-size: 2rem;
}
.partner-top-box > div::before{
	position: absolute;
    content: '\f0a9';
    bottom: 20px;
    right: 20px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 3rem;
	color: var(--blue);
	transition: .3s all;
}
.partner-top-box > div:hover::before{
 right: 15px;	
}

/* .partner-bottom-box */
.partner-bottom-box{
	margin: 30px 0 0;
	border: solid 1px var(--blue);
}
.partner-bottom-box a{
	display: flex;
	align-items: center;
	position: relative;
}
.partner-bottom-box a img{
	margin: 0 40px 0 0;
}
.partner-area ul li img.sp-display{
	display: none;
}
.partner-bottom-box a .title{
	font-size: 3rem;
	font-weight: bold;
}
.partner-bottom-box a .catch-s{
	font-size: 2rem;
}
.partner-bottom-box a::before{
	position: absolute;
    content: '\f0a9';
    bottom: 30px;
    right: 30px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 3rem;
	color: var(--blue);
	transition: .3s all;
}
.partner-bottom-box a:hover::before{
 right: 25px;	
}

@media screen and (max-width: 768px){
	.partner-area{
		margin: 50px 0 0;
		padding: 0 0 50px;
		background: var(--lightgray);
	}
	.partner-area img.sp-display-b{
		width: 100%;
	}
	.partner-area .txt-area{
		color: #333;
		padding: 20px 0 0;
	}
	.partner-area .txt-area .ttl-l .en{
		color: #60617C;
		mix-blend-mode: initial;
		font-size: 4rem;
		top: -30px;
		opacity: 1;
	}
	.partner-area .txt-area .ttl-l .jp{
		font-size: 1.5rem;
	}
	.partner-area .txt-area .catch-l{
		margin: 26px 0 0;
	}
	.partner-area ul{
		display: block;
		margin: 26px 0 0;
	}
	.partner-area ul li{
		width: 100%;
		background: none;
		display: flex;
		padding: 5px 0;
		border-bottom: dashed 1px #A8A8CC;
		align-items: center;
	}
	.partner-area ul li img{
		width: 100px;
		height: 64px;
		object-fit: contain;
	}
	.partner-area ul li img.pc-display{
		display: none;
	}
	.partner-area ul li img.sp-display{
		display: block;
	}
	.partner-area ul li .catch{
		font-size: 1.5rem;
        text-align: left;
        padding: 0;
        line-height: 1.6;
        margin: 0 0 0 30px;
        flex: 1;
	}
	.partner-area ul li .basic-txt{
		display: none;
	}
	.partner-area .btn-more{
		margin: 30px auto 0;
	}

	/* .partner-top-box */
	.partner-top-box{
		display: block;
		margin: 53px 0 0;
	}
	.partner-top-box > div{
		width: 100%;
	}
	.partner-top-box > div:nth-child(2){
		margin: 20px 0 0;
	}
	.partner-top-box > div img{
		height: 144px;
		width: 100%;
        object-fit: cover;
	}
	.partner-top-box > div .txt-box{
		background: #fff;
	}
	.partner-top-box > div .title{
		font-size: 1.8rem;
		padding: 10px;
		width: auto;
		bottom: 60px;
		left: 0;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
	}
	.partner-top-box > div .catch-s{
		font-size: 1.4rem;
		padding: 10px;
	}
	.partner-top-box > div::before{
		z-index: 1;
		font-size: 1.6rem;
		bottom: 10px;
		right: 10px;
	}

	/* .partner-bottom-box */
	.partner-bottom-box{
		margin: 20px 0 0;
	}
	.partner-bottom-box a{
		display: flex;
		background: #fff;
	}
	.partner-bottom-box a img{
		width: 124px;
        height: 100px;
		object-fit: cover;
		margin: 0 10px 0 0;
	}
	.partner-bottom-box a .title{
		font-size: 1.8rem;
		line-height: 1.7;
	}
	.partner-bottom-box a .catch-s{
		display: none;
	}
	.partner-bottom-box a::before{
		z-index: 1;
        font-size: 1.6rem;
        bottom: 10px;
        right: 10px;
	}

}


/* -----------------------------
	support-area
-------------------------------- */
.support-area{
	margin: 140px 0 0;
	background: url("../img/support-bg.jpg") no-repeat top center / cover;
	padding: 120px 0 135px;
	position: relative;
}
.support-area .inner{
	position: relative;
}
.support-area .txt-area .catch-l{
	margin: 30px 0 0;
}
.support-area .txt-area .btn-more{
	margin: 40px 0 0;
}
.support-area ul{
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	width: 330px;
	top: 15px;
	left: 570px;
	gap: 5px;
}
.support-area ul li{
	background: rgba(255,255,255,0.7);
	width:160px;
	height: 160px;
	border-radius: 50%;
	border: solid 5px #fff;
	display: grid;
  place-items: center;
}
.support-area ul li .catch{
	font-size: 1.8rem;
	color: var(--blue);
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-align: center;
}

@media screen and (max-width: 768px){
	.support-area{
		padding: 0 0 50px;
		margin: 0 0 0;
		background: url("../img/support-bg-sp.jpg") no-repeat top center / cover;
	}
	.support-area .inner{
	}
	.support-area .txt-area .ttl-l{
		position: absolute;
    top: -90px;
	}
	.support-area .txt-area .ttl-l .en{
		text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
	}
	.support-area .txt-area .catch-l{
		margin: 60px 0 0;
	}
	.support-area .txt-area .btn-more{
		display: none;
	}
	.support-area ul{
		position: initial;
		width: 100%;
		margin: 20px 0 0;
	}
	.support-area ul li{
		border-radius: 5px;
		width: calc((100% / 2) - 5px);
		height: auto;
		padding: 8px 0;
	}
	.support-area ul li .catch{
		font-size: 1.5rem;
		
	}

	.support-area .btn-more{
		display: table;
		margin: 30px auto 0;
	}
}

/* -----------------------------
	company-staff
-------------------------------- */
.company-staff-area{
	margin: 100px 0 0;
	
}
.company-staff-area ul{
	/*display: flex;*/
	border: solid 1px #333;
}
.company-staff-area ul li{
	width: 100%;
	position: relative;
	
}
/*
.company-staff-area ul li::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
	background: #333;
}*/
.company-staff-area ul li a{
	display: flex;
	align-items: center;
	gap: 37px;
    padding: 20px 50px;
	position: relative;
}
.company-staff-area ul li a::before{
	position: absolute;
    content: '\f0a9';
    right: 30px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 3rem;
	top: 50%;
    right: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transition: .3s all;
}
.company-staff-area ul li a:hover::before{
	 right: 35px;
	color: var(--main);
}
@media screen and (max-width: 768px){
	.company-staff-area{	
		margin: 30px 0 0;
	}
	.company-staff-area ul{
		display: block;
	}
	.company-staff-area ul li{
		width: 100%;
		
	}
	/*
	.company-staff-area ul li:first-of-type{
		border-bottom: solid 1px #333;
	}*/
	.company-staff-area ul li::before{
		display: none;
	}
	.company-staff-area ul li a{
		padding: 20px 20px;
	}
	.company-staff-area ul li a::before{
		font-size: 1.6rem;
		right: 10px;
	}
	.company-staff-area ul li a:hover::before{
		 right: 10px;
		color: var(--main);
	}
	.company-staff-area ul li a img{
		width: 80px;
		height: 80px;
		margin: 0;
	}
}

/* -----------------------------
	recruit-area
-------------------------------- */
.recruit-area{
	margin: 10px 0 0;
	background: url("../img/recruit-bg.jpg") no-repeat top center / cover;
	padding: 370px 0 270px;
	position: relative;
}
.recruit-grad01{
	top: 100px;
}
.recruit-grad02{
	top: auto;
	bottom: 900px;
}
.recruit-area::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 148px;
	top: -1px;
	right: 0;
	z-index: 1;
	background: url("../img/white-curve-top.png") no-repeat bottom center / cover;
}
.recruit-area::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 148px;
	bottom: -1px;
	right: 0;
	background: url("../img/recruit-curve-bottom.png") no-repeat top center / cover;
}
.recruit-area .inner{
	display: flex;
	align-items: center;
}
.recruit-area .inner .txt-area{
	color: #fff;
    position: relative;
    z-index: 1;
}
.recruit-area .inner .txt-area .ttl-l .en{
	font-size: 7rem;
}
.recruit-area .inner .txt-area .ttl-l .jp{
	font-size: 2rem;
}
.recruit-area .inner .txt-area .catch-l{
	margin: 50px 0 0;
}
.recruit-area .inner .txt-area .btn-more{
	margin: 60px 0 0;
}
.recruit-area .inner img{
	margin-right: calc(50% - 50vw);
	position: absolute;
	right: 0;
	top: 217px;
}
@media screen and (max-width: 768px){
	.recruit-area{
		padding: 230px 0 85px;
	}
	.recruit-grad01{
		top: 220px;
		z-index: 1;
	}
	.recruit-area::before{
		height: 34px;
		z-index: 1;
	}
	.recruit-area::after{
		height: 34px;
		z-index: 1;
	}
	.recruit-area .inner{
	}
	.recruit-area .inner .txt-area{
		position: relative;
		z-index: 1;
		width: 100%;
	}
	.recruit-area .inner .txt-area .ttl-l .en{
		font-size: 4rem;
	}
	.recruit-area .inner .txt-area .ttl-l .jp{
		font-size: 1.5rem;
	}
	.recruit-area .inner .txt-area .catch-l{
		margin: 25px 0 0;
	}
	.recruit-area .inner .txt-area .btn-more{
		margin: 30px auto 0;
    display: table;
	}
	.recruit-area .inner img{
		top: 0;
		height: 255px;
		width: 100%;
		object-fit:cover;
		object-position: top;
	}
}

/* -----------------------------
	recruit-top-area
-------------------------------- */
.recruit-top-area{
	background: var(--recruitlightgreen);
	padding: 50px 0 120px;
	position: relative;
}
.recruit-top-area .inner{
	position: relative;
}
.recruit-top-area .message-banner{
	position: absolute;
	top: -250px;
	right: 0;
	
	width: 600px;
	height: 180px;
	
}
.recruit-top-area .message-banner::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: -10px;
	right: -10px;
	background: #fff;
	border: solid 1px #333;
}

.recruit-top-area .message-banner a{
	display: flex;
	align-items: center;
	gap: 20px;

	padding: 20px;
	background: var(--recruitgrade);
	position: relative;
	z-index: 1;
	width: 600px;
    height: 180px;
}
.recruit-top-area .message-banner a::before{
	position: absolute;
    content: '\f0a9';
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 3rem;
    bottom: 20px;
    right: 20px;
    color: #fff;
	transition: .3s all;
}
.recruit-top-area .message-banner:hover a::before{
	right: 15px;
}
.recruit-top-area .message-banner a .title{
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.recruit-top-area .block{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.recruit-top-area .block:nth-child(3){
	flex-direction: row-reverse;
	margin: 90px 0 0;
}
.recruit-top-area .block:nth-child(4){
	margin: 90px 0 0;
}

.recruit-top-area .block .txt-box{
	padding: 30px 0 0;
}
.recruit-top-area .block:nth-child(2) .txt-box,
.recruit-top-area .block:nth-child(4) .txt-box{
	padding: 30px 0 0 60px;
}
.recruit-top-area .block .title{
	font-size: 5rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.recruit-top-area .block .title span{
	display: table;
    background: var(--recruitgreen);
    color: #fff;
    font-size: 2.6rem;
    padding: 7px 15px 7px 20px;
    border-radius: 20px;
    margin: 0 0 15px;
}
.recruit-top-area .block .catch-l{
	margin: 50px 0 0;
}
.recruit-top-area .block .catch-m{
	margin: 30px 0 0;
}
.recruit-top-area .block .catch-m span{
	font-size: 1.8rem;
	display: block;
	color: var(--recruitgreen);
	font-weight: 500;
}
.recruit-top-area .block .img{
	margin-left: calc(50% - 50vw);
}
.recruit-top-area .block:nth-child(3) .img{
	margin-right: calc(50% - 50vw);
}

.recruit-top-area .block ul{
	display: block;
	gap: 20px;
	margin: 30px 0 0;
}
.recruit-top-area .block ul li{
	display: flex;
	align-items: center;
	gap: 10px;
}
.recruit-top-area .block ul li:nth-child(n + 2){
	margin: 5px 0 0;
}
.recruit-top-area .block ul li img{
	width: 70px;
}
.recruit-top-area .block ul li p{
	font-size: 1.8rem;
	font-weight: bold;
}
.recruit-top-area .block ul li p span{
	font-size: 1.4rem;
}
.recruit-top-area .block .btn-more{
	margin: 30px 0 0;
}

.recruit-link-list{
	display: flex;
	justify-content: space-between;
	margin: 140px 0 0;
}
.recruit-link-list li{
	width: calc((100% / 2) - 10px);
	border: solid 1px #333;
	position: relative;
	top: 0;
	transition: .3s all;
}
.recruit-link-list li:hover{
	position: relative;
	top: -10px;
	transition: .3s all;
}

.recruit-link-list li a{
	display: flex;
	align-items: center;
	background: #fff;
	position: relative;
}
.recruit-link-list li a::before{
	    position: absolute;
    content: '\f0a9';
    right: 30px;
    font-weight: 900;
    font-family: var(--webicon);
    font-size: 3rem;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	color: var(--recruitgreen);
	transition: .3s all;
}
.recruit-link-list li a:hover::before{
	right: 15px;
}
.recruit-link-list li a .title{
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.46;
}
.recruit-link-list li a img{
	margin: 0 36px 0 0;
}

@media screen and (max-width: 768px){
	.recruit-top-area{
		padding: 20px 0 50px;
	}
	
	.recruit-top-area .message-banner{
		width: 100%;
		height: 95px;
		position: inherit;
    top: 0;
	}
	.recruit-top-area .message-banner::before{
	}
	.recruit-top-area .message-banner a{
		width: 100%;
		height: 95px;
	}
	.recruit-top-area .message-banner a::before{
		font-size: 1.6rem;
	}
	.recruit-top-area .message-banner a .title{
		font-size: 1.9rem;
	}
	.recruit-top-area .message-banner a img{
		width: 67px;
		height: 67px;
		margin: 0;
	}
	
	.recruit-top-area .block{
		position: relative;
		margin: 20px 0 0;
		display: block;
	}
	.recruit-top-area .block:nth-child(3),
	.recruit-top-area .block:nth-child(4){
		margin: 0 0 0;
	}
	.recruit-top-area .block .txt-box{
		width: 100%;
		margin: 0;
	}
	.recruit-top-area .block:nth-child(2) .txt-box,
	.recruit-top-area .block:nth-child(4) .txt-box{
		padding: 30px 0 0 0;
	}
	.recruit-top-area .block .title{
		font-size: 2.6rem;
		
	}
	.recruit-top-area .block:nth-child(2) .title{
		text-shadow: 1px 1px 0px #f4fbf9, -1px 1px 0px #f4fbf9, 1px -1px 0px #f4fbf9, -1px -1px 0px #f4fbf9, 1px 0px 0px #f4fbf9, 0px 1px 0px #f4fbf9, -1px 0px 0px #f4fbf9, 0px -1px 0px #f4fbf9;
	}
	.recruit-top-area .block .title span{
		font-size: 1.4rem;
        padding: 5px 10px 5px 12px;
        border-radius: 20px;
        margin: 0 0 5px;
	}
	.recruit-top-area .block .catch-l{
		margin: 20px 0 0;
		width: 100%;
	}
	.recruit-top-area .block .catch-m span{
		font-size: 1.6rem;
	}
	.recruit-top-area .block .img{
		width: 100%;
		height: 200px;
		position: inherit;
		right: -20px;
		top: 45px;
		object-fit: cover;
	}
	.recruit-top-area .block:nth-child(2) .img{
	}

	.recruit-top-area .block ul{
		display: block;
		margin: 20px 0 0;
	}
	.recruit-top-area .block ul li{
	}
	.recruit-top-area .block ul li img{
		width: 50px;
		margin: 0;
	}
	.recruit-top-area .block ul li p{
		font-size: 1.6rem;
	}
	.recruit-top-area .block ul li p span{
		font-size: 1.1rem;
		display: block;
	}
	.recruit-top-area .block .btn-more{
		display: table;
		margin: 30px auto 0;
	}

	.recruit-link-list{
		display: block;
		margin: 50px 0 0;
	}
	.recruit-link-list li{
		width: 100%;
	}
	.recruit-link-list li{
	}
	.recruit-link-list li:hover{
		top: 0;
	}
	.recruit-link-list li:nth-child(2){
		margin: 20px 0 0;
	}
	.recruit-link-list li a{
	}
	.recruit-link-list li a::before{
		font-size: 1.6rem;
		right: 10px;
	}
	.recruit-link-list li a .title{
		font-size: 2rem;
	}
	.recruit-link-list li a img{
		width: 115px;
		height: 108px;
		margin: 0 20px 0 0;
		object-fit: cover;
	}
}

/* -----------------------------
	-area
-------------------------------- */

@media screen and (max-width: 768px){

}

/* -------------------------------------------------------------
    news-area   標準仕様
-------------------------------------------------------------- */
#top .ninews-area {
	margin: 80px 0 100px 0;
}

#top .ninews-area .ninews-inner {
	gap: 20px;
	justify-content: space-between;
}

#top .ninews-area .ninews-head {
	width: 145px;
}

#top .ninews-area .ninews-head-link {
	color: var(--cmnblack);
	gap: 15px;
	font-size: 1.6rem;
	padding: 0 0 0 0;
	margin: 25px 0 0;
}

#top .ninews-area .ninews-head-link:hover {
	/*background: var(--link);
	border-color: var(--link);
	color: #fff;*/
	color: var(--main);
}

#top .ninews-area .ninews-head-link::after {
	content: "\f105";
	font: 900 1.6rem/1 var(--webicon);
	padding: 3px 0 0;
}

#top .ninews-area .ninews-list {
	width: calc(100% - 240px - 20px);
}

#top .ninews-area .ninews-list .ninews-item:nth-child(n+4) {
display: none;
}

#top .ninews-area .ninews-date {
	color: var(--gray);
	font: 500 1.5rem /1 var(--en);
	letter-spacing: .05em;
}

.ninews-cate-wrap .ninews-cate{
	border-radius: 50px;
}
#top .ninews-area .ninews-cate-wrap .ninews-cate:nth-child(n+3) {
	display: none;
}

#top .ninews-area .ninews-title {
	color: var(--cmnblack);
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: .07em;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	#top .ninews-area {
		margin:40px 0 60px;
	}

	#top .ninews-area .ninews-head {
		margin: 0 0 30px;
		width: 100%;
	}

	#top .ninews-area .ninews-head-link {
		font-size: 1.4rem;
		margin: 0;
		gap: 5px;
		padding: 8px 14px 10px;
	}

	#top .ninews-area .ninews-list {
		width: 100%;
	}

	#top .ninews-area .ninews-date {
		font-size: 1.3rem;
	}

	#top .ninews-area .ninews-title {
		font-size: 1.5rem;
	}
	.ninews-cate-wrap .ninews-cate{
	}
}

/* -------------------------------------------------------------
    news-area   ninews-no-thumb サムネイルなし
-------------------------------------------------------------- */
#top .ninews-no-thumb .ninews-title::before {
	content: "\f105";
	color: var(--link);
	font: 900 1.4rem/1 var(--webicon);
	right: 7px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#top .ninews-no-thumb .ninews-item a {
	border-bottom: 1px solid var(--border2);
	gap: 20px;
	padding: 30px 0 30px 10px;
}

#top .ninews-no-thumb .ninews-item a::before {
	background: var(--link);
	bottom: -1px;
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	transition: .5s;
}

#top .ninews-no-thumb .ninews-item a:hover::before {
	width: 100%;
	transition: .5s;
}

#top .ninews-no-thumb .ninews-title {
	padding: 0 35px 0 0;
}

#top .ninews-no-thumb .ninews-item a:hover .ninews-title::before {
	right: 0;
}

#top .ninews-no-thumb .ninews-date {
	width: 100px;
}

#top .ninews-no-thumb .ninews-elements {
	gap: 20px;
}

@media screen and (max-width: 768px) {
	#top .ninews-no-thumb .ninews-item:not(:last-child) {
		margin-bottom: 18px;
	}

	#top .ninews-no-thumb .ninews-item a {
		padding: 0 0 18px;
	}

	#top .ninews-no-thumb .ninews-elements {
		gap: 10px;
	}

	#top .ninews-no-thumb .ninews-title {
		margin: 8px 0 0 0;
		padding: 0 18px 0 0;
	}

	#top .ninews-area .ninews-title::before {
		font-size: 1.3rem;
		top: 53%;
	}
}

/* -------------------------------------------------------------
    news-area   ninews-have-thumb サムネイルあり
-------------------------------------------------------------- */
#top .ninews-have-thumb.ninews-list {
	gap: 20px;
}

#top .ninews-have-thumb .ninews-item {
	width: calc((100% - 20px) / 2);
}

#top .ninews-have-thumb .ninews-item a {
	gap: 20px;
}

#top .ninews-thumb__img {
	width: 240px;
	height: 180px;
}

#top .ninews-thumb__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;
}

#top .ninews-have-thumb a:hover img {
	transform: scale(1.15);
}

#top .ninews-thumb__elements {
	gap: 10px;
	width: calc(100% - 240px - 20px);
}

#top .ninews-have-thumb .ninews-title {
	-webkit-line-clamp: 2;
	max-height: 50px;
}

#top .ninews-have-thumb .ninews-elements {
	gap: 12px;
}

@media screen and (max-width: 768px) {
	#top .ninews-have-thumb .ninews-item {
		width: 100%;
	}

	#top .ninews-have-thumb .ninews-item a {
		gap: 15px;
	}

	#top .ninews-thumb__img {
		width: 45%;
		height: auto;
		aspect-ratio: 3/2;
	}

	#top .ninews-thumb__elements {
		gap: 5px;
		width: calc(45% - 15px);
	}

	#top .ninews-have-thumb .ninews-elements {
		gap: 8px 10px;
	}
}

/* -----------------------------------------------------------
    works-area
-------------------------------------------------------------- */
.works-area {
	margin: 150px 0 0;
	position: relative;
}

.works-area .works-header {
	display: flex;
	align-items: center;
	gap: 70px;
}

.works-area .works-btn {
	align-items: center;
	display: flex;
	left: 0;
	position: absolute;
	right: 0;
	width: 1200px;
	margin: 0 auto;
	text-align: right;
	top: 0;
	justify-content: flex-end;
}

.works-area .works-btn a {
	align-items: center;
	background: #fff;
	border: var(--gray) 1px solid;
	color: var(--cmnblack);
	display: flex;
	width: 260px;
	height: 70px;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	.works-area {
		margin: 100px 0 0;
	}

	.works-area .works-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.works-area .works-btn {
		position: static;
		width: 100%;
		margin: 30px auto 0;
	}

	.works-area .works-btn a {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
}

/* -----------------------------------------------------------
   niwork-top__list
-------------------------------------------------------------- */
.niwork-top__scroll {
	overflow-x: scroll;
	margin: 60px 0 0;
}

.niwork-top__list {
	display: flex;
	padding: 0 0 20px 40px;
}

.niwork-top__item {
	flex-shrink: 0;
	width: 740px;
	position: relative;
}

.niwork-top__link {
	border: 1px solid #aaa;
	background: #fff;
	display: block;
	padding: 40px;
	position: relative;
	height: 100%;
	width: 700px;
}

@media screen and (min-width: 769px) {
	.niwork-top__link:hover {
		border-color: var(--link);
	}
}

.niwork-top__link::before {
	bottom: 30px;
	content: "\f178";
	font: 900 1.7rem/1 var(--webicon);
	transition: .5s;
	position: absolute;
	right: 40px;
}

@media screen and (min-width: 769px) {
	.niwork-top__link:hover::before {
		right: 30px;
	}
}

.niwork-top__ttl {
	color: var(--cmnblack);
	font-weight: bold;
	font-size: 2.5rem;
	line-height: 1.5;
	letter-spacing: .05em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
	.niwork-top__list {
		padding: 0 0 15px 20px;
	}

	.niwork-top__item {
		border: none;
		flex-shrink: 0;
		width: 330px;
	}

	.niwork-top__link::before {
		font-size: 1.6rem;
		bottom: 20px;
		right: 20px;
	}

	.niwork-top__link {
		padding: 20px;
		width: 310px;
	}

	.niwork-top__ttl {
		font-size: 2rem;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		max-height: 60px;
		white-space: wrap;
	}
}