@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
		content: "";
		display: block;
		clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
		display: flex;
		flex-wrap: wrap;
}
.flexA {
		justify-content: space-around;
}
.flexB {
		justify-content: space-between;
}
.flexC {
		justify-content: center;
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
		width: 960px;
		margin: 0 auto;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.content {
				/* width: auto; */
				max-width: calc(100% - 100px);
		}
}
/* //20220520 ito */
@media all and (max-width: 896px) {
		.content {
				width: auto;
				padding: 0 20px;
		}
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.fadeInUp {
		opacity: 0;
		-webkit-transform: translateY(60px);
		transform: translateY(60px);
		transition: transform 1s, opacity 1s;
}
.fadeInUp.on {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
}
/*------------------------------------------------------------
	fadeInLeft
------------------------------------------------------------*/
.fadeInLeft span {
		display: inline-block;
		opacity: 0;
		transform: translateX(-150px);
		transition: opacity 0.15s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.fadeInLeft.on span {
		transform: translateX(0px);
		opacity: 1;
}
/*------------------------------------------------------------
	fadeInRight
------------------------------------------------------------*/
.fadeInRight span {
		display: inline-block;
		opacity: 0;
		transform: translateX(150px);
		transition: opacity 0.15s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.fadeInRight.on span {
		transform: translateX(0px);
		opacity: 1;
}
/*------------------------------------------------------------
	comContent
------------------------------------------------------------*/
.com-content {
		padding-top: 89px;
		flex-direction: row-reverse;
		align-items: flex-start;
}
@media all and (max-width: 896px) {
		.com-content {
				padding-top: 69px;
				display: block;
		}
}
/*------------------------------------------------------------
	main-visual
------------------------------------------------------------*/
.main-visual {
		margin-bottom: 110px;
		position: relative;
		height: 272px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		box-sizing: border-box;
}
.main-visual:before {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		background: url("../../img/recruit/group/message/main_img.jpg") no-repeat center top;
		background-size: cover;
		content: "";
		bottom: 0;
		z-index: -1;
}
.main-visual .content {
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
}
.main-visual .head-line01 {
		padding-left: 104px;
}
.main-visual .head-line01 .en {
		display: block;
		color: #29ABE2;
		font-weight: 500;
		font-size: 2.5rem;
		font-family: 'Poppins', sans-serif;
}
.main-visual .head-line01 .jp {
		margin: -3px 0 0 16px;
		color: #fff;
		display: block;
		font-size: 2rem;
}
.main-visual .head-line01 .ttl {
		position: relative;
		margin-left: 20px;
		font-size: 4.5rem;
		display: inline-block;
}
.main-visual .head-line01 .ttl:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		height: 1px;
		background: #fff;
		content: "";
}
.main-visual .head-line06 {
		margin-left: -290px;
		position: absolute;
		left: 50%;
		bottom: -76px;
		width: 423px;
		padding: 35px 20px;
		box-sizing: border-box;
		text-align: center;
		background: #fff;
		border-radius: 20px 20px 0 0;
}
.main-visual .head-line06 .top-span {
		margin-bottom: -2px;
		display: block;
		font-size: 1.4rem;
}
.main-visual .head-line06 .jp {
		font-size: 5rem;
		position: relative;
}
.main-visual .head-line06 .jp:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
		height: 1px;
		background: #333;
		content: "";
}
.main-visual.com-recruit {
		margin: 0 0 0 130px;
		position: relative;
		height: 474px;
}
.main-visual.com-recruit:before {
		height: 474px;
		background-image: url("../../img/recruit/carrier/main_img.jpg");
}
.main-visual.com-recruit .h2-ttl {
		padding: 0 0 0 106px;
		margin-top: -72px;
}
.main-visual.com-recruit .h2-ttl .info {
		display: inline-block;
		font-size: 4.5rem;
		position: relative;
}
.main-visual.com-recruit .h2-ttl .info:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
		height: 1px;
		background: #333;
		content: "";
}
.main-visual.com-recruit .title {
		position: absolute;
		left: -136px;
		bottom: -124px;
		width: 600px;
		font-size: 3.4rem;
		font-weight: 500;
		padding: 62px 0 122px 128px;
		border-radius: 20px;
		box-sizing: border-box;
		background: #fff;
		line-height: 1.3;
		z-index: 10;
}
@media all and (max-width: 896px) {
		.main-visual {
				height: 50.2vw;
				position: relative;
				display: block;
		}
		.main-visual:before {
				background: url("../../img/recruit/group/message/sp_main_img.jpg") no-repeat center top;
				background-size: cover;
		}
		.main-visual .content {
				position: absolute;
				left: 10%;
				right: 10%;
				bottom: -53px;
				padding: 33px 0 0 !important;
				background: #fff;
				border-radius: 12px;
				text-align: center;
				z-index: 10;
				box-sizing: border-box;
		}
		.main-visual .head-line01 {
				padding: 0;
		}
		.main-visual .head-line01 .en {
				display: block;
				font-size: 1.2rem;
		}
		.main-visual .head-line01 .jp {
				margin: -3px 0 0;
				color: #333;
				display: block;
				font-size: 1.6rem;
				text-align: center;
		}
		.main-visual .head-line01 .ttl {
				margin-left: 10px;
				font-size: 2.5rem;
		}
		.main-visual .head-line01 .ttl:before {
				bottom: 4px;
				background: #333;
		}
		.main-visual .head-line06 {
				margin-left: 0;
				position: absolute;
				left: 0px;
				right: 0px;
				bottom: -10px;
				width: auto;
				padding: 17px 20px;
				border-radius: 10px 10px 0 0;
		}
		.main-visual .head-line06 .top-span {
				margin-bottom: 3px;
		}
		.main-visual .head-line06 .jp {
				font-size: 2.5rem;
		}
		.main-visual .head-line06 .jp:before {
				display: none;
		}
		.main-visual.com-recruit {
				margin: 0 auto 224px;
				height: 190px;
		}
		.main-visual.com-recruit:before {
				height: 190px;
				background-image: url("../../img/recruit/carrier/sp_main_img.jpg");
		}
		.main-visual.com-recruit .content {
				bottom: -134px;
		}
		.main-visual.com-recruit .h2-ttl {
				padding: 0;
				margin: 0 auto 32px;
		}
		.main-visual.com-recruit .h2-ttl .info {
				display: inline-block;
				font-size: 2.5rem;
		}
		.main-visual.com-recruit .h2-ttl .info:before {
				bottom: 4px;
		}
		.main-visual.com-recruit .title {
				position: static;
				left: auto;
				bottom: auto;
				width: auto;
				font-size: 1.8rem;
				padding: 0;
				line-height: 1.8;
				border-radius: 0;
		}
}
/*------------------------------------------------------------
	head-line02
------------------------------------------------------------*/
.head-line02 {
		margin-bottom: 108px;
		text-align: center;
}
.head-line02 .en {
		margin-bottom: 19px;
		color: #29ABE2;
		font-size: 2.5rem;
		font-weight: 500;
		display: block;
		font-family: 'Poppins', sans-serif;
}
.head-line02 .jp {
		display: inline-block;
		font-size: 4.5rem;
		position: relative;
}
.head-line02 .jp:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 11px;
		height: 1px;
		background: #333;
		content: "";
}
@media all and (max-width: 896px) {
		.head-line02 {
				margin-bottom: 58px;
		}
		.head-line02 .en {
				margin-bottom: 3px;
				font-size: 1.2rem;
		}
		.head-line02 .jp {
				font-size: 1.8rem;
		}
		.head-line02 .jp:before {
				bottom: 3px;
		}
}
/*------------------------------------------------------------
	head-line03
------------------------------------------------------------*/
.head-line03 {
		margin-bottom: 33px;
		font-size: 2.3rem;
		font-weight: 700;
		text-align: center;
}
@media all and (max-width: 896px) {
		.head-line03 {
				margin-bottom: 27px;
				font-size: 1.8rem;
		}
}
/*------------------------------------------------------------
	head-line04
------------------------------------------------------------*/
.head-line04 {
		margin: 0 0 73px 24px;
		font-weight: 500;
}
.head-line04 .info {
		font-size: 2.3rem;
		position: relative;
		display: inline-block;
}
.head-line04 .info:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 4px;
		height: 1px;
		background: #333;
		content: "";
}
@media all and (max-width: 896px) {
		.head-line04 {
				margin: 0 0 24px;
				text-align: center;
		}
		.head-line04 .info {
				font-size: 1.6rem;
		}
		.head-line04 .info:before {
				bottom: 2px;
		}
}
/*------------------------------------------------------------
	com-list
------------------------------------------------------------*/
.com-list {
		margin-top: 162px;
		display: flex;
		justify-content: space-between;
}
.com-list li {
		width: 50%;
}
.com-list li a {
		position: relative;
		height: 400px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
}
.com-list li .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url("../../img/common/com_bg01.jpg") no-repeat center center;
		background-size: cover;
		z-index: 1;
}
.com-list li .bg02 {
		background: url("../../img/common/com_bg02.jpg") no-repeat center center;
		background-size: cover;
}
.com-list li .com-more {
		position: absolute;
		right: 32px;
		bottom: 40px;
		z-index: 2;
}
.com-list li .ttl {
		padding-right: 142px;
		font-size: 3.4rem;
		font-weight: 700;
		z-index: 2;
}
.com-list li .ttl .info-ttl {
		position: relative;
}
/*
.com-list li .ttl .info-ttl:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 4px;
		height: 1px;
		background: #333;
		content: "";
}
*/
.com-list01 {
		margin: 0;
}
.com-list01 li a {
		height: 320px;
}
.com-list01 li .bg01 {
		background-image: url("../../img/recruit/carrier/photo01.jpg");
}
.com-list01 li .bg02 {
		background-image: url("../../img/recruit/carrier/photo02.jpg");
		background-position: center top;
}
.com-list01 li .com-more {
		right: 40px;
		bottom: 26px;
}
.com-list01 li .ttl {
		padding-right: 262px;
		line-height: 1.2;
		text-decoration: none;
}
.com-list01 .bg02 .ttl {
		font-size: 2.8rem;
}
.com-list01 li .info {
		display: inline-block;
		border-bottom: 1px solid #333;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-list01 li .ttl {
				padding-right: 41%;
		}
}
/* //20220520 ito */
@media all and (min-width: 897px) {
		.com-list li .bg {
				-webkit-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
		}
		.com-list li a:hover .bg {
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
		}
}
@media all and (max-width: 896px) {
		.com-list {
				margin: 100px 20px 84px;
				display: block;
				justify-content: space-between;
		}
		.com-list li {
				margin-bottom: 23px;
				width: 100%;
		}
		.com-list li:last-child {
				margin-bottom: 0;
		}
		.com-list li a {
				height: 32.1vw;
				border-radius: 10px;
		}
		.com-list li .bg {
				background-image: url("../../img/common/sp_com_bg01.png");
		}
		.com-list li .bg02 {
				background-image: url("../../img/common/sp_com_bg02.png");
				background-position: center center;
		}
		.com-list li .ttl {
				padding-right: 160px;
				font-size: 1.8rem;
		}
		.com-list li .ttl .info-ttl:before {
				bottom: 2px;
		}
		.com-list .bg02 .ttl {
				padding-right: 140px;
		}
		.com-list li .com-more {
				right: 15px;
				bottom: 14px;
		}
		.com-list01 {
				margin: 0;
				padding: 0 20px;
				background: #F8FAFC;
		}
		.com-list01 li a {
				height: 32.2vw;
		}
		.com-list01 li .bg01 {
				background-image: url("../../img/recruit/carrier/sp_photo01.png");
		}
		.com-list01 li .bg02 {
				background-image: url("../../img/recruit/carrier/sp_photo02.png");
				background-position: center center;
		}
		.com-list01 li .com-more {
				right: 14px;
				bottom: 10px;
		}
		.com-list01 li .ttl {
				padding-right: 165px;
				line-height: 1.2;
				text-decoration: none;
		}
		.com-list01 .bg02 .ttl {
				padding-right: 147px;
				font-size: 1.8rem;
		}
		.com-list01 li .info {
				display: inline-block;
				border-bottom: 1px solid #333;
		}
}
/*------------------------------------------------------------
	page-title
------------------------------------------------------------*/
.page-title {
		margin: 0 0 110px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 271px;
		text-align: center;
		border-bottom: 1px solid #D9D9D9;
		background: #FAFAFA;
}
.head-line05 {
		width: 100%;
}
.head-line05 .en {
		margin-bottom: -11px;
		display: block;
		font-size: 1.2rem;
		font-size: 6rem;
		font-family: 'Poppins', sans-serif;
		line-height: 1;
		margin: 0 0 5px;
}
.head-line05 .jp {
		position: relative;
		font-size: 5rem;
		font-size: 4rem;
		font-size: 20px;
		font-weight: 700;
}
.head-line05 .en + .jp {
		font-size: 2rem;
}
.head-line05 .jp:before {
		/*position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
		height: 1px;
		background: #333;
		content: ""; */
}
@media all and (max-width: 896px) {
		.page-title {
				margin: 0 0 45px;
				height: 158px;
		}
		.head-line05 .en {
				margin-bottom: 3px;
				font-size: 10vw;
		}
		.head-line05 .jp,
		.head-line05 .en + .jp {
				font-size: 4.5vw;
		}
		.head-line05 .jp:before {
				bottom: 4px;
		}
}
@media all and (max-width: 374px) {
		.head-line05 .jp {
				font-size: 1.8rem;
		}
}
/*------------------------------------------------------------
	head-line07
------------------------------------------------------------*/
.head-line07 {
		color: #29ABE2;
		font-size: 15rem;
		font-weight: 300;
		font-family: 'Poppins', sans-serif;
		font-style: italic;
		white-space: nowrap;
}
.head-line07 .color {
		color: #EFF6F8;
}
@media all and (max-width: 896px) {
		.head-line07 {
				font-size: 6rem;
		}
}
/*------------------------------------------------------------
	head-line08
------------------------------------------------------------*/
.head-line08 {
		margin: 0 -30px 45px 0;
}
.head-line08 .en {
		margin: 0 0 -6px 2px;
		display: block;
		font-size: 36px;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
}
.head-line08 .jp {
		position: relative;
		color: #272727;
		font-size: 15px;
		display: inline-block;
}
/*
.head-line08 .jp:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 8px;
		height: 1px;
		background: #272727;
		content: "";
		opacity: 0;
		transform: translateX(150px);
		transition: opacity 0.15s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
		transition-delay: 0.3s;
}
*/
.head-line08 .jp.on:before {
		transform: translateX(0px);
		opacity: 1;
}
@media all and (max-width: 896px) {
		.head-line08 {
				margin: 0 0 30px 0;
		}
		.head-line08 .en {
				margin: 0 0 -1px 4px;
				font-size: 3rem;
		}
		.head-line08 .jp {
				font-size: 1.2rem;
		}
		.head-line08 .jp:before {
				bottom: 4px;
		}
}
/*------------------------------------------------------------
	head-line09
------------------------------------------------------------*/
.head-line09 {
		margin-bottom: 68px;
		text-align: center;
}
.head-line09 .info {
		position: relative;
		font-size: 2.8rem;
		display: inline-block;
}
.head-line09 .info:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 4px;
		height: 1px;
		background: #333;
		content: "";
}
@media all and (max-width: 896px) {
		.head-line09 .info {
				font-size: 1.8rem;
		}
		.head-line09 .info:before {
				bottom: 2px;
		}
}
/*------------------------------------------------------------
	com-page-navi
------------------------------------------------------------*/
.com-page-navi {
		margin: 100px 20px 0;
		height: 65px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-top: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
}
.com-page-navi .num-txt {
		margin: 0 !important;
		font-family: 'Poppins', sans-serif;
		color: #272727;
}
.com-page-navi .num-txt .ico {
		padding: 0 20px;
}
.com-page-navi .prev {
		position: absolute;
		left: 20px;
		top: 50%;
		margin-top: -10px;
}
.com-page-navi .prev .com-more {
		padding: 0 0 0 60px;
}
.com-page-navi .prev .com-more .txt {
		padding: 0 7px 2px;
}
.com-page-navi .prev .com-more .circle::after {
		padding: 0 7px 2px;
		left: 82px;
		right: auto;
}
.com-page-navi .prev .circle {
		right: auto;
		left: -22px;
}
.com-page-navi .next {
		position: absolute;
		right: -5px;
		top: 50%;
		margin-top: -10px;
}
.com-page-navi .next .com-more {
		padding-right: 80px;
}
.com-page-navi .next .com-more .txt {
		padding: 0 8px 2px;
}
.com-page-navi .next .com-more .circle::after {
		right: 82px;
		padding: 0 8px 2px;
}
@media all and (min-width: 897px) {
		.com-page-navi .prev a:hover .circle:before, .com-page-navi .next a:hover .circle:before {
				transform: scale(1)
		}
		.com-page-navi .next a:hover .circle:after, .com-page-navi .next a:hover .circle:after {
				opacity: 1;
		}
}
@media all and (max-width: 896px) {
		.com-page-navi {
				margin: 60px 35px 0;
		}
		.com-page-navi .circle {
				display: none;
		}
		.com-page-navi .txt {
				display: none;
		}
		.com-page-navi .prev a {
				display: inline-block;
				background: url("../../img/common/icon08.svg") no-repeat left center;
				background-size: 7px 11px;
		}
		.com-page-navi .prev {
				left: 26px;
		}
		.com-page-navi .next {
				right: 26px;
		}
		.com-page-navi .next a {
				display: inline-block;
				background: url("../../img/common/icon09.svg") no-repeat right center;
				background-size: 7px 11px;
		}
}
/*------------------------------------------------------------
	com-tab-ul
------------------------------------------------------------*/
.com-tab-ul {
		margin-bottom: 92px;
		text-align: center;
}
.com-tab-ul li {
		margin: 0 1px;
		display: inline-block;
		vertical-align: top;
}
.com-tab-ul li a {
		display: flex;
		height: 42px;
		width: 134px;
		color: #fff;
		font-size: 1.4rem;
		font-weight: 500;
		justify-content: center;
		align-items: center;
		text-align: center;
		background: #A5A5A5;
		border: 1px solid #A5A5A5;
		border-bottom: none;
		border-radius: 10px 10px 0 0;
}
.com-tab-ul li:first-child a {
		font-family: 'Inter', sans-serif;
}
.com-tab-ul .on a {
		color: #333;
		font-weight: 400;
		background: #fff;
		border-color: #D9D9D9;
}
@media all and (min-width: 897px) {
		.com-tab-ul li a:hover {
				color: #333;
				border-color: #D9D9D9;
				font-weight: 400;
				background: #fff;
		}
}
@media all and (max-width: 896px) {
		.com-tab-ul {
				margin-bottom: 52px;
		}
		.com-tab-ul li {
				margin: 0 14px;
		}
		.com-tab-ul li a {
				display: block;
				height: auto;
				width: auto;
				color: #333;
				padding: 0 6px 6px;
				font-size: 1rem;
				font-weight: 500;
				background: #fff;
				border: none;
				border-bottom: 1px solid #333;
				border-radius: 0;
		}
		.com-tab-ul .on a {
				padding: 0 30px 7px 0;
				text-align: left;
				border-bottom: 1px solid #333;
		}
		.com-tab-ul li:first-child a {
				padding-left: 5px;
		}
}
/*------------------------------------------------------------
	com-more
------------------------------------------------------------*/
.com-more {
		padding-right: 63px;
		display: inline-flex;
		position: relative;
		align-items: center;
		font-size: 1rem;
		font-weight: 500;
		font-family: 'Inter', sans-serif;
		line-height: 1.67;
		vertical-align: top;
}
.com-more .txt {
		padding: 0 4px 2px 0;
		border-bottom: 1px solid #333;
		white-space: nowrap;
}
.com-more .circle {
		position: absolute;
		top: -27px;
		right: -2px;
		z-index: 0;
		width: 73px;
		height: 73px;
		border-radius: 50%;
		overflow: hidden;
}
.com-more .circle:before {
		transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		-webkit-transform: scale(0.43);
		transform: scale(0.43);
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 50%;
		background: #333;
}
.com-more.com-more-edit .circle {
		right: inherit;
		left: -20px;
}
.com-more .circle:after {
		transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		transition-property: all;
		transition-property: color, opacity;
		transform: translateY(-50%);
		content: attr(data-text);
		position: absolute;
		top: 50%;
		padding: 0 4px 2px 0;
		right: 65px;
		color: #fff;
		white-space: nowrap;
		opacity: 0;
		border-bottom: 1px solid #fff;
		box-sizing: border-box;
		line-height: 1.65;
}
@media all and (min-width: 897px) {
		.com-more a:hover .circle:before {
				transform: scale(1)
		}
		.edit_btn:hover .circle::before {
				transform: scale(1)
		}
		.com-more a:hover .circle:after {
				opacity: 1;
		}
}
@media all and (max-width: 896px) {
		.com-more {
				padding: 0 32px 0 0;
		}
		li.edit_btn .com-more {
				padding: 0 0 0 10px !important;
		}
		.com-more .txt {
				padding: 0 2px 3px;
				white-space: inherit;
		}
		.com-more .circle {
				top: -5px;
				right: 0;
				width: 31px;
				height: 31px;
		}
		.com-more.com-more-edit .circle {
				right: inherit;
				left: -20px;
		}
		.com-more-box {
				text-align: center;
		}
}
/*------------------------------------------------------------
	com-voice
------------------------------------------------------------*/
.com-voice {
		margin: 0 0 32px 43px;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
}
.com-voice li {
		width: 342px;
		margin: 0 19px 40px 0;
}
.com-voice li:nth-child(3n) {
		margin-right: 0;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-voice li {
				width: 48%;
				margin: 0 2% 40px 0;
		}
		.com-voice li:nth-child(3n) {
				margin-right: 2%;
		}
		.com-voice li:nth-child(2n) {
				margin-right: 0;
		}
}
/* //20220520 ito */
.com-voice li a {
		width: 100%;
		display: flex;
		justify-content: space-between;
		border: 1px solid #EFF6F8;
		border-radius: 20px;
}
.com-voice li .photo {
		display: block;
		width: 150px;
		overflow: hidden;
		border-radius: 20px 0 0 20px;
		will-change: transform;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-voice li .photo {
				width: 36%;
		}
}
/* //20220520 ito */
.com-voice li .photo .info {
		display: block;
		height: 100%;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background: url("../../img/recruit/group/voice/photo01.png") no-repeat center center;
		background-size: cover;
}
.com-voice li .photo02 .info {
		background-image: url("../../img/recruit/group/voice/photo02.png");
}
.com-voice li .photo03 .info {
		background-image: url("../../img/recruit/group/voice/photo03.png");
}
.com-voice li .photo04 .info {
		background-image: url("../../img/recruit/group/voice/photo04.png");
}
.com-voice li .photo05 .info {
		background-image: url("../../img/recruit/group/voice/photo05.png");
}
.com-voice li .photo06 .info {
		background-image: url("../../img/recruit/group/voice/photo06.png");
}
.com-voice li .photo07 .info {
		background-image: url("../../img/recruit/group/voice/photo07.png");
}
.com-voice li .photo08 .info {
		background-image: url("../../img/recruit/group/voice/photo08.png");
}
.com-voice li .photo09 .info {
		background-image: url("../../img/recruit/group/voice/photo09.png");
}
.com-voice li .photo10 .info {
		background-image: url("../../img/recruit/group/voice/photo10.png");
}
.com-voice li .photo11 .info {
		background-image: url("../../img/recruit/group/voice/photo11.png");
}
.com-voice li .photo12 .info {
		background-image: url("../../img/recruit/group/voice/photo12.png");
}
.com-voice li .photo13 .info {
		background-image: url("../../img/recruit/group/voice/photo13.png");
}
.com-voice li .photo14 .info {
		background-image: url("../../img/recruit/group/voice/photo14.png");
}
.com-voice li .photo15 .info {
		background-image: url("../../img/recruit/group/voice/photo15.png");
}
.com-voice li .photo16 .info {
		background-image: url("../../img/recruit/group/voice/photo16.png");
}
.com-voice li .photo17 .info {
		background-image: url("../../img/recruit/group/voice/photo17.png");
}
.com-voice li .photo18 .info {
		background-image: url("../../img/recruit/group/voice/photo18.png");
}
.com-voice li .photo19 .info {
		background-image: url("../../img/recruit/group/voice/photo19.png");
}
.com-voice li .photo20 .info {
		background-image: url("../../img/recruit/group/voice/photo20.png");
}
.com-voice li .photo21 .info {
		background-image: url("../../img/recruit/group/voice/photo21.png");
}
.com-voice li .photo22 .info {
		background-image: url("../../img/recruit/group/voice/photo22.png");
}
.com-voice li .photo23 .info {
		background-image: url("../../img/recruit/group/voice/photo23.png");
}
.com-voice li .photo24 .info {
		background-image: url("../../img/recruit/group/voice/photo24.png");
}
.com-voice li .text-box {
		padding: 10px 0 15px;
		position: relative;
		width: calc(100% - 165px);
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-voice li .text-box {
				width: calc(100% - 41%);
		}
}
/* //20220520 ito */
.com-voice li .category {
		position: absolute;
		right: 19px;
		top: 10px;
		padding: 2px 15px 3px;
		color: #fff;
		font-size: 1.1rem;
		border-radius: 4px;
		text-align: center;
		background: #29ABE2;
}
.com-voice li .category01, .com-voice li .career {
		background: #F69602;
}
.com-voice li .ttl {
		margin-bottom: 10px;
		font-size: 2rem;
		font-weight: 700;
}
.com-voice li .text {
		margin-bottom: 25px;
		font-size: 1.2rem;
}
.com-voice li .text .top {
		margin-bottom: 4px;
		display: block;
		font-weight: 500;
}
.com-voice li .com-more {
		float: right;
}
@media all and (min-width: 897px) {
		.com-voice a:hover .com-more .circle:before {
				transform: scale(1)
		}
		.com-voice a:hover .com-more .circle:after {
				opacity: 1;
		}
		.com-voice li a:hover .photo .info {
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
		}
}
@media all and (max-width: 896px) {
		.com-voice {
				margin: 0;
				display: block;
		}
		.com-voice li {
				width: 100%;
				margin: 0 0 30px 0;
		}
		.com-voice li:last-child {
				margin-bottom: 0;
		}
		.com-voice li:nth-child(3n) {
				margin-right: 0;
		}
		.com-voice li a {
				width: 100%;
		}
		.com-voice li .photo {
				width: 44%;
		}
		.com-voice li .text-box {
				padding-top: 10px;
				width: 50%;
		}
}
/*------------------------------------------------------------
	com-news-page
------------------------------------------------------------*/
.com-news-page {
		padding: 35px 0 100px;
}
.com-news-page .top-box {
		margin-bottom: 85px;
		padding: 0 12px 0 0;
		display: flex;
		justify-content: space-between;
}
.com-news-page .top-box .h3-ttl {
		font-size: 2rem;
		font-weight: 500;
}
.com-year {
		width: 90px;
		position: relative;
		font-family: 'Inter', sans-serif;
}
.com-year .top a {
		padding-bottom: 3px;
		display: block;
		font-size: 1.4rem;
		background: url("../../img/common/icon03.png") no-repeat right 4px center;
		background-size: 12px auto;
		border-bottom: 1px solid #333;
}
.com-year .top .on {
		background: url("../../img/common/icon03_on02.png") no-repeat right 4px center;
		background-size: 12px auto;
}
.com-year .com-year__list {
		display: none;
		margin-top: 10px;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		padding: 10px 10px 20px;
		box-sizing: border-box;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		z-index: 100;
}
.com-year .com-year__list li a {
		display: block;
		padding: 10px 0 3px;
		border-bottom: 1px solid #333;
}
.com-news-page .com-tab-ul {
		text-align: left;
		margin: 0 0 0 -10px;
		border-bottom: 1px solid #D9D9D9;
}
.com-news-page .com-tab-ul li a {
		margin-bottom: -1px;
}
.com-news01 li a {
		padding: 30px 0 30px 14px;
		display: block;
		border-bottom: 1px solid #D9D9D9;
}
.com-news01 li .category-list {
		margin: 0 0 16px;
		display: block;
}
.com-news li .category {
		margin-right: 20px;
		padding: 7px 10px;
		display: inline-block;
		color: #fff;
		min-width: 100px;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 500;
		background: #333;
		border-radius: 30px;
		box-sizing: border-box;
}
.com-news01 li .info-box {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
}
.com-news li .date {
		width: 124px;
		padding-left: 10px;
		color: #A5A5A5;
		font-family: 'Inter', sans-serif;
		font-size: 1.2rem;
		font-weight: 500;
		flex-shrink: 0;
		box-sizing: border-box;
}
.com-news li .det-txt {
		margin-right: 27px;
		width: 494px;
		line-height: 2.1;
		flex-shrink: 0;
}
.com-news li .com-more {
		margin-top: 7px;
}
.com-news-page .com-page-navi {
		margin: 100px 70px 0;
}
.com-news-page01 .com-tab-ul li a {
		font-family: 'Inter', sans-serif;
		font-weight: 400;
}
.com-news-page01 .com-news li .category-list {
		margin: 0;
}
.com-news-page01 .com-news li .category {
		font-family: 'Inter', sans-serif;
		font-weight: 700;
}
.com-news-page01 .com-news li a {
		display: flex;
		align-items: center;
}
.com-news-page01 .com-news li .det-txt {
		width: 377px;
}
@media all and (min-width: 897px) {
		.com-year .top a:hover {
				color: #F69602;
				background-image: url("../../img/common/icon03_on.png");
				border-color: #F69602;
		}
		.com-year .com-year__list li a:hover {
				color: #F69602;
				border-color: #F69602;
		}
		.com-news li a:hover .det-txt {
				color: #F69602;
		}
		.com-news li a:hover .com-more .circle:before {
				transform: scale(1)
		}
		.com-news li a:hover .com-more .circle:after {
				opacity: 1;
		}
}
@media all and (max-width: 896px) {
		.com-news-page {
				padding: 6px 0 80px;
		}
		.com-news-page .top-box {
				margin-bottom: 77px;
				padding: 0;
				display: block;
				text-align: center;
		}
		.com-news-page01 .top-box {
				margin-bottom: 50px;
		}
		.com-news-page .top-box .h3-ttl {
				margin-bottom: 45px;
				font-size: 1.4rem;
		}
		.com-year {
				margin: 0 auto;
				width: 60px;
		}
		.com-year .top a {
				padding: 0 0 5px 5px;
				font-size: 1rem;
				text-align: left;
				background: url("../../img/common/icon03.png") no-repeat right 4px center;
				background-size: 8px auto;
				border-bottom: 1px solid #333;
		}
		.com-year .top .on {
				background: url("../../img/common/icon03_on02.png") no-repeat right 4px center;
				background-size: 12px auto;
		}
		.com-year .com-year__list {
				display: none;
				padding: 5px 10px 15px;
				margin-top: 10px;
				border-radius: 5px;
		}
		.com-year .com-year__list li a {
				display: block;
				padding: 10px 0 3px;
				font-size: 1rem;
				text-align: left;
				border-bottom: 1px solid #333;
		}
		.com-news-page .com-tab-ul {
				text-align: left;
				margin: 0 0 40px;
				display: flex;
				justify-content: flex-start;
				border-bottom: none;
				width: 100%;
				box-sizing: border-box;
		}
		.com-news-page .com-tab-ul li {
				width: 32%;
				display: block;
				margin: 0 2% 0 0;
		}
		.com-news-page .com-tab-ul li:last-child {
				margin-right: 0;
		}
		.com-news-page .com-tab-ul li a {
				display: flex;
				width: 100%;
				color: #fff;
				height: 34px;
				padding: 0;
				align-items: center;
				justify-content: center;
				background: #A5A5A5;
				border: 1px solid #A5A5A5;
				border-bottom: none;
				margin-bottom: 0;
				border-radius: 10px 10px 0 0;
		}
		.com-news-page .com-tab-ul .on a {
				color: #333;
				background: #fff;
				border-color: #D9D9D9;
		}
		.com-news {
				border-top: 1px solid #D9D9D9;
		}
		.com-news01 li a {
				padding: 16px 18px 25px 10px;
				display: block;
		}
		.com-news01 li .category-list {
				margin: 0 0 10px;
				display: block;
		}
		.com-news li .category {
				margin-right: 10px;
				padding: 4px 5px 5px;
				min-width: 89px;
				font-size: 1rem;
				font-weight: 300;
		}
		.com-news01 li .info-box {
				display: block;
		}
		.com-news li .date {
				margin-bottom: -1px;
				width: auto;
				padding-left: 15px;
		}
		.com-news li .det-txt {
				padding: 0 0 0 15px;
				margin: 0;
				display: block;
				width: auto;
				line-height: 1.7;
		}
		.com-news li .com-more {
				display: none;
		}
		.com-news-page .com-page-navi {
				margin: 83px 44px 0;
		}
		.com-news-page01 .com-news li a {
				display: block;
		}
		.com-news-page01 .com-news li .category-list {
				display: inline-block;
				vertical-align: middle;
		}
		.com-news-page01 .com-news li .det-txt {
				width: auto;
				padding: 12px 0 0;
		}
		.com-news-page.spe-news .com-news li:nth-child(n+9) {
				display: none;
		}
}
/*------------------------------------------------------------
	com-news-detail
------------------------------------------------------------*/
.com-news-detail01 {
		padding-top: 35px;
}
.com-news-detail {
		padding-bottom: 112px;
		display: flex;
		justify-content: space-between;
}
.com-news-detail .l-box {
		width: 90px;
}
.com-news-detail .l-box .navi-list {
		margin-bottom: 67px;
}
.com-news-detail .l-box .navi-list li {
		margin-bottom: 17px;
}
.com-news-detail .l-box .navi-list li:last-child {
		margin-bottom: 0;
}
.com-news-detail .l-box .navi-list li a {
		padding: 0 0 3px 2px;
		display: block;
		font-size: 1.4rem;
		font-family: 'Inter', sans-serif;
		border-bottom: 1px solid #333;
}
.com-news-detail .r-box {
		width: 656px;
}
.com-news-detail .r-box .top {
		margin-bottom: 20px;
}
.com-news-detail .r-box .top .category {
		margin-right: 28px;
		padding: 5px 10px 8px;
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		min-width: 100px;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 700;
		background: #333;
		border-radius: 30px;
		box-sizing: border-box;
}
.com-news-detail .r-box .top .date {
		color: #A5A5A5;
		font-family: 'Inter', sans-serif;
		font-size: 1.2rem;
		font-weight: 500;
		box-sizing: border-box;
}
.com-news-detail .r-box h3 {
		margin-bottom: 30px;
		display: inline-block;
		font-size: 1.8rem;
		padding-bottom: 5px;
		border-bottom: 1px solid #707070;
}
.com-news-detail .r-box p {
		margin-bottom: 20px;
		line-height: 1.7;
		word-break: break-all;
}
.com-news-detail .r-box .indent span {
		text-indent: 1em;
		display: block;
}
.com-news-detail .r-box .link-btn {
		margin: 45px 0 85px;
		font-family: 'Noto Sans JP', sans-serif;
}
.com-news-detail .r-box .link-btn .txt {
		padding: 0 5px 3px;
}
.com-news-detail .r-box .link-btn .circle {
		width: 60px;
		height: 60px;
		top: -20px;
}
.com-news-detail .r-box .link-btn .circle::after {
		padding: 0 5px 3px;
}
.com-news-detail .r-box figure {
		margin: 0;
		text-align: center;
}
.com-news-detail01 .r-box h3 {
		margin-bottom: 58px;
}
.com-news-detail01 .r-box figure {
		padding: 25px 0 65px;
}
@media all and (min-width: 897px) {
		.com-news-detail .r-box .link-btn a:hover .circle:before {
				transform: scale(1)
		}
		.com-news-detail .r-box .link-btn a:hover .circle:after {
				opacity: 1;
		}
		.com-news-detail .l-box .navi-list li a:hover {
				color: #F69602;
				border-color: #F69602;
		}
}
@media all and (max-width: 896px) {
		.com-news-detail01 {
				padding-top: 2px;
		}
		.com-news-detail {
				margin-top: -16px;
				padding-bottom: 72px;
				display: block;
		}
		.com-news-detail .l-box {
				width: auto;
				text-align: center;
		}
		.com-news-detail .l-box .com-year {
				margin-bottom: 33px;
		}
		.com-news-detail .l-box .navi-list {
				margin-bottom: 57px;
				display: flex;
				justify-content: center;
		}
		.com-news-detail .l-box .navi-list li {
				margin: 0 16px;
		}
		.com-news-detail .l-box .navi-list li:last-child {
				margin-bottom: 0;
		}
		.com-news-detail .l-box .navi-list li a {
				padding: 0 13px 3px;
				font-size: 1rem;
		}
		.com-news-detail .l-box .navi-list li:first-child a {
				padding: 0 20px 3px 3px;
				text-align: left;
		}
		.com-news-detail .r-box {
				width: auto;
		}
		.com-news-detail .r-box .top {
				margin-bottom: 25px;
		}
		.com-news-detail .r-box .top .category {
				margin-right: 18px;
				padding: 3px 10px 5px;
				min-width: 90px;
				font-size: 1rem;
		}
		.com-news-detail .r-box h3 {
				margin-bottom: 10px;
				padding-bottom: 2px;
				width: auto;
				font-size: 1.3rem;
				line-height: 1.7;
		}
		.com-news-detail .r-box .link-btn {
				margin: 20px 0 40px;
		}
		.com-news-detail .r-box .link-btn .txt {
				padding: 0 15px 3px 13px;
		}
		.com-news-detail .r-box .link-btn .circle {
				width: 26px;
				height: 26px;
				top: -4px;
		}
		.com-news-detail .r-box figure {
				margin: 0 10px;
		}
		.com-news-detail .r-box figure img {
				width: 100%;
		}
		.com-news-detail01 .r-box h3 {
				margin-bottom: 35px;
		}
		.com-news-detail01 .r-box figure {
				padding: 20px 0 40px;
		}
}
/*------------------------------------------------------------
	com-banner
------------------------------------------------------------*/
.com-banner {
		width: 600px;
		margin: 0 auto;
}
.com-banner a {
		height: 180px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		border-radius: 20px;
		overflow: hidden;
		will-change: transform;
}
.com-banner .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url("../../img/common/com_banner_bg.png") no-repeat center center;
		background-size: cover;
		z-index: 1;
}
.com-banner .com-more {
		position: absolute;
		right: 0px;
		bottom: 26px;
		color: #fff;
		z-index: 2;
}
.com-banner .com-more .circle {
		width: 60px;
		height: 60px;
		top: -20px;
		right: 7px;
}
.com-banner .com-more .circle::before {
		background: #fff;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
}
.com-banner .com-more .circle::after {
		color: #000;
		border-color: #000;
		right: 56px;
		margin-top: 1px;
}
.com-banner .ttl {
		padding-right: 100px;
		color: #fff;
		font-size: 2rem;
		font-weight: 500;
		z-index: 2;
}
.com-banner .ttl .info-ttl {
		position: relative;
}
.com-banner .ttl .info-ttl:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 2px;
		height: 1px;
		background: #fff;
		content: "";
}
.com-banner .com-more .txt {
		border-color: #fff;
}
@media all and (min-width: 897px) {
		.com-banner .bg {
				-webkit-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
		}
		.com-banner a:hover .bg {
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
		}
}
@media all and (max-width: 896px) {
		.com-banner {
				width: auto;
		}
		.com-banner a {
				height: 36.6vw;
				background-image: url("../../img/common/sp_com_banner_bg.png");
				border-radius: 10px;
		}
		.com-banner .com-more {
				padding-right: 40px;
				right: 7px;
				bottom: 17px;
		}
		.com-banner .ttl .info-ttl {
				bottom: 0;
		}
		.com-banner .com-more .txt {
				padding: 0;
		}
		.com-banner .com-more .circle {
				width: 27px;
				height: 27px;
				top: -3px;
		}
		.com-banner .com-more .circle::before {
				background: #fff;
		}
		.com-banner .ttl {
				padding-right: 50px;
				font-size: 1.8rem;
		}
}
/*------------------------------------------------------------
	com-table
------------------------------------------------------------*/
.com-table {
		margin-bottom: 70px;
		width: 100%;
		border-collapse: collapse;
		border-top: 1px solid #D9D9D9;
}
.com-table th, .com-table td {
		padding: 34px 0;
		line-height: 1.7;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #D9D9D9;
}
.com-table th {
		padding: 30px 0 25px 46px;
		width: 32.5%;
		font-size: 1.6rem;
}
.com-table td {
		padding-right: 58px;
		vertical-align: middle;
}
.com-table td .txt-ul01 li {
		padding-bottom: 22px;
}
.com-table td .txt-ul01 li .indent {
		text-indent: 1em;
		display: block;
}
.com-table td .txt-ul01 li .notes {
		display: block;
		padding-top: 23px;
}
.com-table td .txt-ul02 li {
		padding-left: 1em;
		text-indent: -1em;
		font-weight: 500;
}
.com-table td .txt-ul02 .special {
		padding-left: 2.1em;
		text-indent: -2.1em;
}
@media all and (max-width: 896px) {
		.com-table {
				margin-bottom: 40px;
		}
		.com-table th, .com-table td {
				float: left;
				width: 100%;
				padding: 0;
				line-height: 1.7;
				box-sizing: border-box;
				border-bottom: 1px solid #D9D9D9;
		}
		.com-table th {
				padding: 15px 0 0;
				width: 100%;
				font-weight: 500;
				font-size: 1.4rem;
				border-bottom: none;
		}
		.com-table td {
				padding: 22px 0 22px;
		}
		.com-table td .txt-ul01 li {
				padding: 0 0 22px 1em;
				text-indent: -1em;
		}
		.com-table td .txt-ul01 li:last-child {
				padding-bottom: 0;
		}
		.com-table td .txt-ul01 li .indent {
				text-indent: 0;
		}
		.com-table td .txt-ul01 li .notes {
				display: block;
				padding-top: 23px;
		}
		.com-table td .txt-ul02 li {
				padding-left: 1em;
				text-indent: -1em;
				font-weight: 500;
		}
		.com-table td .txt-ul02 .special {
				padding-left: 2.1em;
				text-indent: -2.1em;
		}
}
/*------------------------------------------------------------
	com-visual
------------------------------------------------------------*/
.com-visual {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 360px;
		text-align: center;
		background: #F8F8F8;
}
.com-visual .head-line05 {
		padding-top: 109px;
}
.com-visual01 .head-line05 {
		padding-top: 85px;
}
.com-visual01 .head-line05 .ttl {
		margin-bottom: 8px;
		display: block;
		font-size: 2rem;
}
@media all and (max-width: 896px) {
		.com-visual {
				margin-bottom: 56px;
				height: 227px;
				border-bottom: 1px solid #D9D9D9;
		}
		.com-visual .content {
				padding: 0 3px;
		}
		.com-visual .head-line05 {
				padding-top: 69px;
		}
		.com-visual01 .head-line05 {
				padding-top: 66px;
		}
		.com-visual01 .head-line05 .en {
				margin-bottom: -1px;
		}
		.com-visual01 .head-line05 .ttl {
				margin-bottom: 5px;
				font-size: 4.5vw;
		}
}
/*------------------------------------------------------------
	com-btn
------------------------------------------------------------*/
.com-btn a {
		width: 303px;
		color: #fff;
		height: 78px;
		font-size: 1.4rem;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
		background: #F69602;
		box-sizing: border-box;
		border: 1px solid #F69602;
}
.com-btn .info {
		padding-left: 23px;
		display: inline-block;
		background: url("../../img/common/icon01.svg") no-repeat left center;
		background-size: 15px auto;
}
@media all and (min-width: 897px) {
		.com-btn a:hover {
				color: #F69602;
				background: #fff;
		}
		.com-btn a:hover .info {
				background: url("../../img/common/icon01_over.svg") no-repeat left center;
				background-size: 15px auto;
		}
}
@media all and (max-width: 896px) {
		.com-btn a {
				margin: 0 auto;
				width: 250px;
				height: 58px;
		}
		.com-btn .info {
				padding-left: 15px;
		}
}
/*------------------------------------------------------------
	com-link
------------------------------------------------------------*/
.com-link a {
		height: 80px;
		color: #fff;
		font-size: 1.4rem;
		font-weight: 700;
		width: 308px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
		background: #333;
		border: 1px solid #333;
}
@media all and (min-width: 897px) {
		.com-link a:hover {
				color: #F69602;
				background: #fff;
				border-color: #F69602;
		}
}
@media all and (max-width: 896px) {
		.com-link a {
				margin: 0 auto;
				height: 57px;
				width: 248px;
		}
}
/*------------------------------------------------------------
	com-link-list
------------------------------------------------------------*/
.com-link-list {
		margin: -25px -5px 0 0;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
}
.com-link-list li {
		margin: 0 25px 25px 0;
		width: 222px;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-link-list li {
				margin: 0 2% 25px 0;
				width: 23.5%;
		}
		.com-link-list li:last-child {
				margin: 0 0 25px 0;
		}
}
/* //20220520 ito */
.com-link-list li:nth-child(4n) {
		margin-right: 0;
}
.com-link-list li a {
		display: block;
}
.com-link-list li .pho {
		display: block;
		overflow: hidden;
		border-radius: 20px;
		will-change: transform;
}
.com-link-list li .txt-span {
		display: block;
		position: relative;
		margin: 20px 0 0 0;
		text-align: center;
}
.com-link-list li .com-more {
		font-size: 1.3rem;
		font-family: 'Noto Sans JP', sans-serif;
}
.com-link-list li .com-more .txt {
		padding: 0;
		border: none;
}
.com-link-list li .com-more .circle {
		width: 60px;
		height: 60px;
		top: -19px;
}
@media all and (min-width: 897px) {
		.com-link-list li a:hover .circle:before {
				transform: scale(1)
		}
		.com-link-list li a:hover .circle:after {
				opacity: 1;
		}
		.com-link-list li .pho img {
				-webkit-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
		}
		.com-link-list li a:hover .pho img {
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
		}
}
@media all and (max-width: 896px) {
		.com-link-list {
				margin: -30px 20px 0;
				display: flex;
				justify-content: space-between;
		}
		.com-link-list li {
				margin: 30px 0 0 0;
				width: 44.2%;
		}
		.com-link-list li:nth-child(4n) {
				margin-right: 0;
		}
		.com-link-list li .pho {
				border-radius: 10px;
		}
		.com-link-list li img {
				width: 100%;
		}
		.com-link-list li .txt-span {
				margin: 7px 0 0 0;
				padding-right: 0;
				text-align: left;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				height: 40px;
		}
		.com-link-list li .com-more {
				font-size: 1.3rem;
				line-height: 1.4;
				display: flex;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
		}
		.com-link-list li .com-more .circle {
				width: 31px;
				height: 31px;
				top: 3px;
				right: -10px;
		}
		.com-link-list li:first-child .circle {
				right: -15px;
		}
}
@media all and (max-width: 374px) {
		.com-link-list li .txt-span {
				font-size: 1.1rem;
		}
}
/*------------------------------------------------------------
	com-link-sec
------------------------------------------------------------*/
.com-link-sec {
		padding-top: 89px;
}
@media all and (max-width: 896px) {
		.com-link-sec {
				padding-top: 69px;
		}
}
/*------------------------------------------------------------
	com-grap-bg
------------------------------------------------------------*/
.com-grap-bg {
		background: #F8FAFC;
}
/*------------------------------------------------------------
	com-link-ul
------------------------------------------------------------*/
.com-link-ul {
		padding-right: 70px;
		display: flex;
		justify-content: space-between;
		width: 950px;
		margin: 50px auto 48px;
}
.com-link-ul li {
		width: 460px;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-link-ul {
				padding-right: 20px;
				max-width: 100%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
		}
		.com-link-ul li {
				width: 48%;
		}
}
/* //20220520 ito */
.com-link-ul li a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #333;
		border-radius: 20px;
		will-change: transform;
		overflow: hidden;
}
.com-link-ul li .pho {
		width: 230px;
		overflow: hidden;
		border-radius: 20px 0 0 20px;
}
.com-link-ul li .pho img {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
}
.com-link-ul li .txt-box {
		width: 170px;
		color: #fff;
}
.com-link-ul li .ttl {
		font-size: 2rem;
		font-weight: 500;
		line-height: 1.3;
		display: inline-block;
		border-bottom: 1px solid #fff;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-link-ul li .ttl {
				font-size: 1.8rem;
				margin-left: 15px;
		}
}
/* //20220520 ito */
@media all and (min-width: 897px) {
		.com-link-ul li a:hover .pho img {
				-webkit-transform: scale(1.2);
				transform: scale(1.2);
		}
}
@media all and (max-width: 896px) {
		.com-link-ul {
				padding: 0;
				display: block;
				width: auto;
				margin: 42px 20px 70px;
		}
		.com-link-ul li {
				width: 100%;
				margin-bottom: 24px;
		}
		.com-link-ul li a {
				display: flex;
				align-items: center;
				justify-content: space-between;
				background: #333;
				border-radius: 10px;
		}
		.com-link-ul li .pho {
				width: 51%;
				border-radius: 10px 0 0 10px;
		}
		.com-link-ul li .txt-box {
				width: 49%;
		}
		.com-link-ul li .ttl {
				margin-left: 46px;
				font-size: 1.8rem;
				line-height: 1.3;
		}
		.com-link-ul li:last-child {
				margin-bottom: 0;
		}
		.com-link-ul li:last-child .ttl {
				margin-left: 30px;
		}
}
@media all and (max-width: 374px) {
		.com-link-ul li .ttl {
				font-size: 1.5rem;
		}
}
/*------------------------------------------------------------
	com-flow-sec
------------------------------------------------------------*/
.com-flow-sec .title {
		margin: 0 0 10px 270px;
		font-size: 2rem;
		font-weight: 500;
		position: relative;
}
.com-flow-sec .title .num {
		position: absolute;
		left: -183px;
		top: 3px;
		color: #29ABE2;
		font-family: 'Poppins', sans-serif;
		font-size: 1.4rem;
		font-weight: 500;
}
.com-flow-sec .title .num:before {
		position: absolute;
		left: 40px;
		top: 50%;
		height: 1px;
		width: 97px;
		content: "";
		background: #29ABE2;
}
.com-flow-sec .txt-p {
		margin: 0 0 45px 270px;
		line-height: 1.8;
		width: 520px;
}
.com-flow-sec .txt-list {
		margin: 0 0 45px 270px;
}
.com-flow-sec .txt-list li {
		margin-bottom: 10px;
		padding-left: 1em;
		text-indent: -1em;
}
.com-flow-sec .txt-list li:last-child {
		margin-bottom: 0;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		.com-flow-sec .txt-p {
				margin: 0 0 45px 270px;
				max-width: 58%;
		}
}
/* //20220520 ito */
.com-flow-sec .txt-p:last-child {
		margin-bottom: 0;
}
.com-flow-sec .txt-p a {
		color: #F69602;
		text-decoration: underline;
}
.com-flow-sec .txt-p a:hover {
		opacity: 0.7;
}
@media all and (max-width: 896px) {
		.com-flow-sec .title {
				margin: 0 0 20px;
				color: #29ABE2;
				padding: 0 10px 3px 4px;
				font-size: 1.4rem;
				display: inline-block;
				border-bottom: 1px solid #29ABE2;
		}
		.com-flow-sec .title .num {
				margin-right: 10px;
				position: static;
				font-size: 1.4rem;
		}
		.com-flow-sec .title .num:before {
				display: none;
		}
		.com-flow-sec .txt-p {
				margin: 0 0 55px;
				line-height: 2.1;
				width: auto;
		}
		.com-flow-sec .txt-list {
				margin: 0 0 55px;
		}
		.com-flow-sec .txt-p:last-child {
				margin-bottom: 0;
		}
}
/*------------------------------------------------------------
	com-scroll
------------------------------------------------------------*/
.com-scroll {
		position: absolute;
		left: -65px;
		bottom: -9px;
}
.com-scroll a {
		padding-bottom: 102px;
		position: relative;
		font-size: 1.4rem;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		display: inline-block;
		-webkit-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: tb-rl;
		writing-mode: vertical-rl;
		direction: ltr;
		letter-spacing: 0.1em;
}
.com-scroll a:before {
		margin-left: -1px;
		position: absolute;
		left: 50%;
		top: 115px;
		width: 1px;
		height: 54px;
		background: #333;
		content: "";
		animation: scrollBar 1.4s cubic-bezier(0.16, 1, 0.3, 1) infinite;
		transform-origin: center top;
}
.com-scroll a:after {
		margin-left: -19px;
		position: absolute;
		left: 50%;
		bottom: 0;
		height: 37px;
		width: 37px;
		border-radius: 50%;
		background: #333;
		content: "";
		animation: scrollIcon 1.4s cubic-bezier(0.16, 1, 0.3, 1) infinite;
}
.com-scroll a.nolink {
		pointer-events: none;
}
@keyframes scrollBar {
		0% {
				transform: scaleY(0);
				opacity: 0;
		}
		80% {
				transform: scaleY(1);
				opacity: 1;
		}
		100% {
				transform: scaleY(1);
				opacity: 0;
		}
}
@keyframes scrollIcon {
		0% {
				top: 110px;
				opacity: 0;
		}
		80% {
				top: 163px;
				opacity: 1;
		}
		100% {
				top: 163px;
				opacity: 0;
		}
}
@keyframes scrollIcon01 {
		0% {
				top: 90px;
				opacity: 0;
		}
		80% {
				top: 127px;
				opacity: 1;
		}
		100% {
				top: 127px;
				opacity: 0;
		}
}
@media all and (min-width: 897px) {
		.com-scroll a:hover {
				color: #F69602;
		}
}
@media all and (max-width: 896px) {
		.com-scroll {
				position: absolute;
				left: -27px;
				bottom: -28px;
		}
		.com-scroll a {
				padding-bottom: 68px;
				font-size: 1rem;
		}
		.com-scroll a:before {
				margin-left: -2px;
				left: 50%;
				top: 78px;
				width: 1px;
				height: 56px;
		}
		.com-scroll a:after {
				margin-left: -6px;
				left: 50%;
				height: 10px;
				width: 10px;
				animation: scrollIcon01 1.4s cubic-bezier(0.16, 1, 0.3, 1) infinite;
		}
}
.p-cursor {
		position: fixed;
		top: -.375rem;
		left: -.375rem;
		z-index: 1000;
		width: 0;
		height: 0;
		pointer-events: none;
		border-radius: 50%;
		transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
		overflow: hidden;
}
@media(max-width: 896px) {
		.p-cursor {
				display: none !important;
		}
}
.p-cursor::before {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 1.2rem;
		width: 182px;
		height: 100%;
		content: '新卒採用\A情報を見る';
		white-space: pre;
		color: #fff;
		box-sizing: border-box;
		padding: 20px 46px;
		text-align: center;
		opacity: 0;
		transition: all .4s cubic-bezier(.165, .84, .44, 1) 0.1s;
}
.p-cursor.hover {
		top: -1.75rem;
		left: -1.75rem;
		width: 182px;
		height: 182px;
		background-color: #F69602;
}
.p-cursor.hover::before {
		opacity: 1;
}
.p-cursor.hover02::before {
		content: 'キャリア採用\A情報を見る';
}
.p-cursor.hover1::before {
		content: 'SICグループの特長\A情報を見る';
}
.p-cursor.hover2::before {
		content: '先輩インタビュー\A情報を見る';
}
.p-cursor.hover3::before {
		content: '代表メッセージ\A情報を見る';
}
.p-cursor.hover4::before {
		content: '研修/教育制度\A情報を見る';
}
.p-cursor.hover5::before {
		content: '社内イベント\A情報を見る';
}
.p-cursor.hover03::before {
		content: '募集要項\A情報を見る';
}