@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Serif+JP:wght@300;400;500;600;700&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
	line-height: 1.6;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	background: #F6F6F6;
	color: #323232;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: #000000;
}

article {
	position: relative;
	overflow: hidden;
}

.boxlink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: block;
	text-indent: -9999px;
}

.contents_inner {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}

.effect {
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.effect1 {
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.effect2 {
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.effect3 {
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.effect4 {
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.trigger {
	opacity: 0;
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}

.trigger1 {
	opacity: 0;
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px);
}

.modal {
	display: none;
}

.modal.is-open {
	display: block;
}

.nolink {
	opacity: 0.5;
}

@media all and (min-width: 769px) {
	.sponly {
		display: none !important;
	}
	
	/* @group header */
	
	header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		transition: all 0.3s;
		background: #ffffff;
	}
	
	.header_inner {
		position: relative;
	}
	
	header.fixed .header_inner:before, header.mega .header_inner:before {
		display: none;
	}
	
	header .contents_inner {
		display: flex;
		justify-content: space-between;
		padding: 15px 20px;
	}
	
	.header_logo {
		margin-right: auto;
		font-size: 12px;
		font-style: italic;
		text-align: center;
		letter-spacing: 0.03em;
	}
	
	.header_logo a {
		display: block;
	}
	
	.header_logo a img {
		margin-bottom: 6px;
	}
	
	.header_nav {
		display: flex;
		align-items: flex-start;
		margin: 23px 0 0;
	}
	
	nav {
		max-width: 560px;
		padding: 10px 0;
		margin-right: 10px;
	}
	
	nav ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	nav ul li {
		margin-bottom: 11px;
		width: 33.33%;
	}
	
	nav ul li:nth-child(1),
	nav ul li:nth-child(4) {
		width: 30%;
	}
	
	nav ul li:nth-child(2),
	nav ul li:nth-child(5) {
		width: 36%;
	}
	
	nav ul li:nth-child(3),
	nav ul li:nth-child(6) {
		width: 34%;
	}
	
	nav ul li a.nav_link {
		font-weight: 600;
		color: #323232;
		text-decoration: none;
		padding: 2px 8px;
		letter-spacing: 0.02em;
	}
	
	header.fixed nav ul li a.nav_link:hover, header.mega nav ul li a.nav_link:hover, nav ul li.hoveron a.nav_link {
		color: #ffffff !important;
		background: linear-gradient(60deg , #d21e32 0%, #e69696 100%);
	}
	
	.nav_mypage {
		border-left: 1px solid #323232;
		padding: 5px 30px 5px 30px;
		font-weight: 600;
	}
	
	.nav_mypage ul li, .nav_sub ul li {
		margin-bottom: 11px;
	}
	
	.nav_mypage ul li:last-child, .nav_sub ul li:last-child {
		margin-bottom: 0;
	}
	
	.nav_mypage ul li a, .nav_sub ul li a {
		text-decoration: none;
		letter-spacing: 0.02em;
		font-weight: 600;
	}
	
	.nav_mypage ul li a:hover, .nav_sub ul li a:hover {
		color: #ffffff !important;
		background: linear-gradient(60deg , #d21e32 0%, #e69696 100%);
	}
	
	.nav_mypage ul li a.nav_link_mr {
		margin-right: 1em;
	}
	
	.nav_sub {
		border-left: 1px solid #323232;
		padding-left: 20px;
	}
	
	.nav_menu {
		margin-left: 0px;
	}
	
	.menu-trigger, .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	
	.menu-trigger {
		position: relative;
		width: 78px;
		height: 78px;
		border: 1px solid #323232;
		border-radius: 86px;
	}
	
	.menu-trigger span {
		position: absolute;
		left: 50%;
		height: 1px;
		background-color: #323232;
		width: 30px;
		margin-left: -15px;
	}
	
	.menu-trigger span:nth-of-type(1) {
		top: 30px;
	}
	
	.menu-trigger span:nth-of-type(2) {
		top: 37px;
	}
	
	.menu-trigger span:nth-of-type(3) {
		width: 15px;
		top: 44px;
	}
	
	.nav_menu_wrap .is-open .menu-trigger span:nth-of-type(1) {
		top: 37px;
		width: 37px;
		left: calc(50% - 5px);
		right: auto;
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		transform: translateY(0px) rotate(-45deg);
	}
	
	.nav_menu_wrap .is-open .menu-trigger span:nth-of-type(2) {
		display: none;
	}
	
	.nav_menu_wrap .is-open .menu-trigger span:nth-of-type(3) {
		top: 37px;
		left: calc(50% - 5px);
		right: auto;
		width: 37px;
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg);
	}
	
	.nav_menu_wrap {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100vh;
		background: url("../img/common/menu_back.png") no-repeat;
		background-size: cover;
		color: #ffffff;
		display: none;
	}
	
	.nav_menu_link a {
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s;
		display: block;
	}
	
	.nav_menu_link a.comingsoon {
		opacity: 0.5;
	}
	
	.nav_menu_link a:hover {
		opacity: 0.7;
	}
	
	.nav_menu_wrap .nav_menu {
		position: absolute;
		top: 40px;
		right: 20px;
		z-index: 1020;
	}
	
	.nav_menu_wrap .menu-trigger {
		border: 1px solid #ffffff;
	}
	
	.nav_menu_wrap .menu-trigger span:nth-of-type(1) {
		top: 37px;
		width: 37px;
		left: 34px;
		right: auto;
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		transform: translateY(0px) rotate(-45deg);
		background: #ffffff;
	}
	
	.nav_menu_wrap .menu-trigger span:nth-of-type(2) {
		display: none;
	}
	
	.nav_menu_wrap .menu-trigger span:nth-of-type(3) {
		top: 37px;
		left: 34px;
		right: auto;
		width: 37px;
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg);
		background: #ffffff;
	}
	
	.nav_menu_inner {
		height: calc(100vh - 132px);
		margin: 132px 0 0;
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.nav_menu_inner::-webkit-scrollbar {
		display: none;
	}
	
	.nav_menu_box {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	.nav_menu_column {
		width: 18%;
	}
	
	.nav_menu_column:nth-child(2) {
		width: 58%;
	}
	
	.nav_menu_link {
		margin-bottom: 30px;
	}
	
	.nav_menu_link h4 {
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 10px;
		font-family: 'Open Sans', sans-serif;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		padding-bottom: 3px;
	}
	
	.nav_menu_link ul li {
		position: relative;
		margin-bottom: 5px;
		font-size: 12px;
	}
	
	.nav_menu_link .shadow {
		position: relative;
		display: block;
		margin: 3px 0 10px;
		overflow: hidden;
		border-radius: 4px;
	}
	
	.nav_menu_link .shadow:after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: linear-gradient(#fff 0%, #676767 100%);
		mix-blend-mode: multiply;
	}
	
	.comingsoon_menu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #ffffff;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.nav_menu_link ul li img {
		width: 100%;
		height: 75px;
		object-fit: cover;
		transition: all 0.3s;
	}
	
	.nav_menu_link ul li a:hover img {
		transform: scale(1.1);
	}
	
	.nav_menu_link ul.column2 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.nav_menu_link ul.column3 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.nav_menu_link ul.column3:after {
		content: "";
		display: block;
		width: 32%;
	}
	
	.nav_menu_link ul.column2 li {
		width: 49%;
	}
	
	.nav_menu_link ul.column3 li {
		width: 32%;
	}
	
	.nav_menu_link .icon_blank {
		background: url("../img/common/icon_blank.svg") no-repeat top 5px right 0;
		padding-right: 18px;
	}
	
	header.mega {
		background: #ffffff;
	}
	
	header.mega nav ul li a.nav_link {
		color: #000000;
	}
	
	header.mega .menu-trigger {
		height: 40px;
		border: 0;
		border-radius: 0;
	}
	
	header.mega .nav_menu {
		margin-top: 5px;
	}
	
	header.mega .menu-trigger span:nth-of-type(1) {
		top: 14px;
	}
	
	header.mega .menu-trigger span:nth-of-type(2) {
		top: 19px;
	}
	
	header.mega .menu-trigger span:nth-of-type(3) {
		top: 24px;
	}
	
	header.mega .menu-trigger span {
		background: #000;
	}
	
	.megamenu_hover {
		position: relative;
	}
	
	.megamenu {
		position: absolute;
		top: 20px;
		left: 20px;
		background: #F4F4F4;
		z-index: 90;
		display: none;
	}
	
	#mega_about {
		width: 290px;
	}
	
	#mega_groupjob {
		width: 320px;
	}
	
	#mega_people {
		width: 170px;
	}
	
	#mega_careerculture {
		width: 320px;
	}
	
	#mega_newgraduate {
		width: 220px;
	}
	
	#mega_career {
		width: 220px;
	}
	
	#mega_challenged {
		width: 180px;
	}
	
	.megamenu_inner {
		padding: 18px 25px;
	}
	
	.megamenu_inner ol {
		display: block;
	}
	
	.megamenu_inner ol li {
		width: 100% !important;
		margin: 0 0 5px;
		font-size: 14px;
	}
	
	.megamenu_inner ol li:last-child {
		margin-bottom: 0;
	}
	
	.megamenu_inner ol li a {
		text-decoration: none;
		transition: all 0.3s;
	}
	
	.megamenu_inner ol li a.comingsoon {
		color: #B7B7B7;
	}
	
	.megamenu_inner ol li a:hover {
		color: #CC0000;
	}
	
	.megamenu_inner ol li a.comingsoon:hover {
		color: #B7B7B7;
	}
	
	.megamenu_inner ol li a.icon_blank {
		background: url("../img/common/icon_blank_bk.svg") no-repeat top 5px right 0;
		padding-right: 18px;
	}
	
	/* @end */
	
	/* @group index */
	
	.index_mv {
		padding: 50px 0;
		margin: 132px 0 0;
	}
	
	.index_mv .contents_inner {
		position: relative;
	}
	
	.index_mv_video {
		text-align: right;
	}
	
	.index_mv_video video {
		max-width: 1060px;
		height: auto;
	}
	
	.index_mv h1 {
		position: absolute;
		bottom: 20px;
		left: 30px;
		z-index: 10;
		font-family: 'Noto Serif JP', serif;
	}
	
	.index_mv h1 p {
		background: linear-gradient(140deg , #d21e32 50%, #e69696 100%);
		padding: 0 5px 8px;
		line-height: 1;
		margin: 0 0px 26px 0;
		display: inline-block;
	}
	
	.index_mv h1 span {
		display: inline-block;
		font-size: 49px;
		color: #ffffff;
		font-weight: normal;
		letter-spacing: 40px;
		margin-right: -32px;
	}
	
	.index_mv h1 p:last-child span {
		margin-right: -50px;
	}
	
	.index_bn {
		position: absolute;
		bottom: 5px;
		right: -30px;
		z-index: 1;
	}
	
	.index_bn a {
		display: block;
		margin-top: 15px;
	}
	
	.index_bn img {
		width: 420px;
		height: auto;
	}
	
	.index_news {
		padding: 8px 10px;
	}
	
	.index_news_att {
		background: linear-gradient(140deg , #d21e32 50%, #e69696 100%);
		padding: 3px 0;
		margin: 0 auto 40px;
	}
	
	.index_news_att_inner {
		background: #F6F6F6;
		padding: 20px;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		color: #CC0000;
	}
	
	.index_news_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.index_news_label {
		width: 8%;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
	}
	
	.index_news_inner {
		display: flex;
	}
	
	.index_news_list {
		width: 90%;
	}
	
	.index_news_date {
		margin-right: 20px;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
	}
	
	.index_news_title {
		font-size: 13px;
	}
	
	.notification {
		display: none;
	}
	
	.notification_inner {
		display: flex;
	}
	
	.index_prologue {
		padding: 90px 0;
	}
	
	.index_prologue .contents_inner {
		background: url("../img/top/prologue_title.svg") no-repeat top 15px left 10%;
	}
	
	.index_prologue_text {
		max-width: 548px;
		margin: 0 auto;
		text-align: left;
		font-size: 22px;
		font-weight: 500;
		line-height: 2.2;
	}
	
	.index_about {
		position: relative;
		padding: 210px 0 175px;
	}
	
	.index_about:before {
		position: absolute;
		content: "";
		width: 1020px;
		height: 999px;
		top: 0;
		right: 0;
		background: url("../img/top/about_back.svg") no-repeat;
		z-index: -1;
	}
	
	.index_title h2 {
		font-size: 50px;
		font-weight: normal;
		font-family: 'Open Sans', sans-serif;
		color: #ffffff;
	}
	
	.index_title h3 {
		font-size: 16px;
		font-weight: normal;
		color: #ffffff;
		margin-bottom: 50px;
	}
	
	.index_about .contents_inner {
		max-width: 1080px;
	}
	
	.index_about .index_title h2 {
		text-align: right;
	}
	
	.index_about .index_title h3 {
		text-align: right;
	}
	
	.index_about_container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}
	
	.index_about_atfirst {
		width: 49%;
	}
	
	.index_about_right {
		width: 49%;
	}
	
	.index_about_box {
		position: relative;
	}
	
	.index_about_atfirst .index_about_box,
	.index_about_right .index_about_box {
		margin-bottom: 20px;
	}
	
	.index_about_atfirst .index_about_box:last-child,
	.index_about_right .index_about_box:last-child {
		margin-bottom: 0;
	}
	
	.index_about_thumb {
		position: relative;
		overflow: hidden;
		border-radius: 4px;
	}
	
	.index_about_thumb:after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		border-radius: 4px;
		background: linear-gradient(#fff 0%, #676767 100%);
		mix-blend-mode: multiply;
	}
	
	.index_about_thumb img {
		width: 100%;
		height: auto;
		transition: all 0.3s;
	}
	
	.index_about_box:hover .index_about_thumb img {
		transform: scale(1.1);
	}
	
	.index_about_text {
		position: absolute;
		bottom: 20px;
		left: 20px;
		font-size: 16px;
		color: #ffffff;
		z-index: 10;
	}
	
	.index_about_comingsoon {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(47,47,47,0.8);
		z-index: 20;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
	}
	
	.index_about_atfirst .index_about_box {
		display: flex;
	}
	
	.index_about_atfirst .index_about_thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.index_about_topmessage {
		margin: 20px 0 0;
	}
	
	.index_person {
		padding: 20px 0 70px 0;
	}
	
	.index_person_container {
		display: flex;
		justify-content: space-between;
	}
	
	.index_person_wrap, .index_flow_wrap {
		width: 49%;
	}
	
	.index_group {
		position: relative;
		padding: 45px 0 150px;
	}
	
	.index_group:before {
		position: absolute;
		content: "";
		width: 820px;
		height: 318px;
		top: 0;
		left: 0;
		background: url("../img/top/group_back.svg") no-repeat;
		z-index: -1;
	}
	
	.index_group .contents_inner {
		max-width: 1040px;
	}
	
	.index_people {
		position: relative;
		padding: 45px 0 150px;
	}
	
	.index_people:before {
		position: absolute;
		content: "";
		width: 80%;
		height: 800px;
		top: 0;
		right: 0;
		background: url("../img/top/people_back.svg") no-repeat;
		background-size: cover;
		z-index: -1;
	}
	
	.index_people .contents_inner {
		max-width: 1080px;
	}
	
	.index_people .index_title h2,
	.index_people .index_title h3 {
		text-align: right;
	}
	
	.index_people_bottom {
		position: relative;
		margin: 34px 0 0;
	}
	
	.index_people_bottom h3 {
		position: absolute;
		top: 0;
		right: 5%;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #ffffff;
		font-size: 24px;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
	}
	
	.index_people_bottom .index_about_box {
		max-width: 700px;
	}
	
	.index_career {
		position: relative;
		padding: 80px 0;
	}
	
	.index_career:before {
		position: absolute;
		content: "";
		width: 80%;
		height: 797px;
		top: 0;
		left: 0;
		background: url("../img/top/career_back.svg") no-repeat;
		background-size: cover;
		z-index: -1;
	}
	
	.index_career .contents_inner {
		max-width: 1080px;
	}
	
	.index_career_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.index_career_container .index_about_box {
		width: 49%;
	}
	
	.index_career_container .index_about_box:last-child {
		margin: 20px 0 0;
		width: 100%;
	}
	
	.index_career_bottom {
		position: relative;
		margin: 74px 0 0;
		padding: 0 20%;
	}
	
	.index_career_bottom h3 {
		position: absolute;
		top: 0;
		left: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #ffffff;
		font-size: 24px;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
	}
	
	.index_career_bottom .index_career_box {
		max-width: 540px;
		margin: 0 0 20px 0;
	}
	
	.index_career_bottom .index_career_box a {
		color: #ffffff;
		border: 1px solid #ffffff;
		display: block;
		padding: 13px 20px;
		border-radius: 100px;
		text-decoration: none;
		text-align: center;
		font-size: 16px;
		transition: all 0.3s;
		position: relative;
	}
	
	.index_career_bottom .index_career_box a.comingsoon {
		opacity: 0.5;
	}
	
	.index_career_bottom .index_career_box a:hover {
		background: #ffffff;
		color: #CC0000;
	}
	
	.index_career_box a .arrow {
		position: absolute;
		top: 13px;
		right: 25px;
		z-index: 1;
	}
	
	.index_recruit {
		margin: 140px 0;
		padding: 120px 0 80px;
		background: url("../img/top/recruit_back.svg") no-repeat top center;
		background-size: cover;
	}
	
	.index_recruit .contents_inner {
	}
	
	.index_recruit_container {
		display: flex;
		justify-content: space-between;
	}
	
	.index_recruit_box {
		width: 30%;
	}
	
	.index_recruit .index_title h2 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.index_recruitinfo_bottom {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 30px 0 0;
	}
	
	.index_recruitinfo_box {
		width: 100%;
		margin: 20px 0 0;
	}
	
	.index_recruitinfo_box a {
		color: #ffffff;
		border: 1px solid #ffffff;
		display: block;
		padding: 15px 20px;
		border-radius: 100px;
		text-decoration: none;
		text-align: center;
		font-size: 16px;
		transition: all 0.3s;
		position: relative;
	}
	
	.index_recruitinfo_box span {
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -12px;
		z-index: 1;
	}
	
	.index_recruitinfo_box a:hover {
		background: #ffffff;
		color: #CC0000;
	}
	
	/* @end */
	
	/* @group common */
	
	.page_head {
		margin: 132px 0 0;
	}
	
	.recommend_wt {
		color: #ffffff;
	}
	
	.recommend {
		padding-bottom: 40px;
	}
	
	.recommend_title {
		text-align: center;
	}
	
	.recommend_title h2 {
		font-size: 20px;
		font-weight: 600;
		font-family: 'Open Sans', sans-serif;
	}
	
	.recommend_container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 50px 0 0;
	}
	
	.recommend_box {
		width: 46%;
		margin: 0 2%;
		margin-bottom: 50px;
		position: relative;
	}
	
	.recommend_box_thumb {
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
	}
	
	.recommend_box_thumb img {
		width: 100%;
		height: auto;
		transition: all 0.3s;
	}
	
	.recommend_box:hover .recommend_box_thumb img {
		transform: scale(1.1);
	}
	
	.recommend_box ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.recommend_box ul li {
		margin-right: 40px;
		position: relative;
		font-size: 15px;
	}
	
	.recommend_box ul li:after {
		position: absolute;
		content: "";
		width: 10px;
		height: 10px;
		border-top: 2px solid #323232;
		border-right: 2px solid #323232;
		transform: rotate(45deg);
		top: 8px;
		right: -20px;
		z-index: 1;
	}
	
	.recommend_wt .recommend_box ul li:after {
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
	.recommend_box:hover ul li {
		color: #CC0000;
	}
	
	.recommend_box:hover ul li:after {
		border-top: 2px solid #CC0000;
		border-right: 2px solid #CC0000;
	}
	
	.recommend_box ul li:last-child {
		font-size: 17px;
		font-weight: 500;
	}
	
	.recommend_box ul li:last-child::after {
		display: none;
	}
	
	.recommend_box .comingsoon {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(47,47,47,0.8);
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
	}
	
	/* @end */
	
	/* @group people */
	
	.people_container {
		margin: 132px 0 0;
		background: #F6F6F6;
		padding: 100px 0;
	}
	
	.people_head_img {
		max-width: 86%;
	}
	
	.people_head_img2 {
		margin-left: 14%;
	}
	
	.people_head_img img {
		width: 100%;
		height: auto;
	}
	
	.people_head_text {
		position: absolute;
		top: -60px;
		right: -40px;
		background: linear-gradient(160deg ,#462864 40%, #c878be 100%);
		color: #ffffff;
		z-index: 10;
		width: 520px;
	}
	
	.people_head_text2 {
		right: auto;
		left: -40px;
	}
	
	.people_head_text_inner {
		position: relative;
		padding: 70px 50px;
	}
	
	.people_head_text_en {
		position: absolute;
		top: 30px;
		right: 40px;
		z-index: 11;
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
	}
	
	.people_head_text h1 {
		font-size: 30px;
		font-weight: 600;
		color: #ffffff;
		line-height: 1.8;
		font-family: 'Noto Serif JP', serif;
		letter-spacing: 2px;
	}
	
	.people_head_text h2 {
		margin: 50px 0 0;
		font-size: 20px;
		font-weight: 400;
	}
	
	.people_head_text_inner p {
		font-size: 13px;
		line-height: 2;
	}
	
	.people_head_message {
		background: #ffffff;
		margin: 100px 0 0;
		display: flex;
		padding: 55px;
		justify-content: space-between;
	}
	
	.people_head_message_box {
		width: 47%;
		color: #462864;
	}
	
	.people_head_message_box h3 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 25px;
	}
	
	.people_head_message_box p {
		font-size: 15px;
		line-height: 2;
	}
	
	.people_interview {
		margin: 120px 0 0;
		background: #ffffff;
		position: relative;
		padding: 70px 0;
	}
	
	.people_interview:before {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.people_interview h2 {
		font-size: 26px;
		font-weight: bold;
		color: #462864;
		font-family: 'Noto Serif JP', serif;
		line-height: 2;
		margin-bottom: 70px;
		padding-left: 5%;
	}
	
	.people_interview_box {
		display: flex;
		justify-content: space-between;
		margin-bottom: 80px;
		position: relative;
		z-index: 2;
	}
	
	.people_interview_text {
		width: 47%;
		padding-left: 5%;
	}
	
	.people_interview_photo {
		width: 48%;
	}
	
	.people_interview_photo img {
		width: calc(100% + 60px);
		height: auto;
	}
	
	.people_interview_text h3 {
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		position: relative;
		padding-left: 55px;
		margin-bottom: 20px;
	}
	
	.people_interview_text h3:before {
		content: "";
		position: absolute;
		top: 15px;
		left: 0;
		width: 45px;
		height: 2px;
		background: #462864;
	}
	
	.people_interview_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.people_interview_box2 .people_interview_text {
		order: 2;
		width: 47%;
		padding-left: 0%;
		padding-right: 5%;
	}
	
	.people_interview_box2 .people_interview_photo {
		order: 1;
		transform: translateX(-60px);
	}
	
	.people_interview_box2 .people_interview_photo img {
		
	}
	
	.people_interview_box3 {
		justify-content: center;
	}
	
	.people_interview_box3 .people_interview_text {
		width: 65%;
		padding: 0;
	}
	
	.people_interview2 {
		margin-top: 250px;
	}
	
	.people_interview_head_photo {
		margin: 0 5%;
		transform: translateY(-200px);
		margin-bottom: -120px;
	}
	
	.people_interview_head_photo img {
		width: 100%;
		height: auto;
	}
	
	.people_bottom {
		display: flex;
		justify-content: space-between;
		margin: 120px 0;
		color: #462864;
	}
	
	.people_bottom h4 {
		background: #462864;
		color: #ffffff;
		font-weight: 500;
		padding: 5px;
		text-align: center;
		margin-bottom: 35px;
	}
	
	.people_bottom_1day, .people_bottom_off, .people_bottom_career {
		width: 30%;
	}
	
	.people_bottom_1day_table {
		border-top: 1px dotted rgba(70,40,100,0.4);
	}
	
	.people_bottom_1day_table_row {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px dotted rgba(70,40,100,0.4);
		padding: 10px 0;
	}
	
	.people_bottom_1day_table_time {
		width: 20%;
		font-size: 16px;
		font-weight: 600;
		font-family: 'Open Sans', sans-serif;
	}
	
	.people_bottom_1day_table_time span {
		font-size: 14px;
		font-weight: normal;
		font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
		line-height: 1.4;
		display: inline-block;
	}
	
	.people_bottom_1day_table_text {
		width: 80%;
		font-size: 14px;
		line-height: 2;
	}
	
	.people_bottom_1day_table_att {
		padding: 10px 0;
		font-size: 14px;
		line-height: 2;
	}
	
	.people_bottom_off_text {
		line-height: 2;
	}
	
	.people_bottom_off_photo {
		margin: 20px 0 0;
	}
	
	.people_bottom_off_photo img {
		width: 100%;
		height: auto;
	}
	
	.people_backindex {
		text-align: center;
	}
	
	.people_backindex a {
		font-size: 18px;
		color: #ffffff;
		max-width: 548px;
		padding: 17px 10px;
		display: block;
		background: linear-gradient(45deg, #462864 0%, #c576bc 100%);
		margin: 0 auto;
		text-decoration: none;
		border-radius: 100px;
		transition: all 0.3s;
	}
	
	.people_backindex a:hover {
		opacity: 0.7;
	}
	
	/* @end */
	
	/* @group about */
	
	.about_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.about_head_inner {
		height: 305px;
		background: url("../img/about/about_main.png") no-repeat top center;
		background-size: auto 305px;
		color: #ffffff;
	}
	
	.about_head_inner h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	.about_head_inner .contents_inner {
		padding-top: 150px;
	}
	
	.about_head_inner h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 20px 0 0;
	}
	
	.about_lead {
		padding: 70px 0 140px;
		background: #F6F6F6;
	}
	
	.about_lead h2 {
		font-size: 32px;
		font-weight: bold;
		color: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		padding-left: 10%;
		margin-bottom: 60px;
		text-align: center;
	}
	
	.about_map img {
		width: 100%;
		height: auto;
	}
	
	.about_lead_text {
		margin: 30px 10%;
		color: #005064;
		font-size: 16px;
		line-height: 2;
	}
	
	.about_lead_img {
		text-align: center;
	}
	
	.about_lead_img img {
		max-width: 640px;
		width: 100%;
		height: auto;
	}
	
	.about_solution {
		background: rgba(235,235,235,0.77);
		padding-bottom: 50px;
	}
	
	.about_solution_title {
		background: linear-gradient(90deg, #005064 0%, #3cc8d2 100%);
		padding: 60px 40px;
		transform: translateY(-80px);
		margin-bottom: -80px;
	}
	
	.about_solution_title h2 {
		font-size: 22px;
		font-weight: 400;
		color: #FFFFFF;
	}
	
	.about_solution_container {
		margin: 80px 20px 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.about_solution_box {
		width: 47%;
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
	}
	
	.about_solution_box_title img {
		max-width: 100%;
		height: auto;
	}
	
	.about_solution_box_text {
		font-size: 15px;
		line-height: 2;
		margin: 20px 0;
		flex: 1;
		height: 100%;
		min-height: 0%;
	}
	
	.about_solution_box_thumb img {
		width: 100%;
		height: auto;
	}
	
	.about_earth {
		padding: 160px 0;
		text-align: center;
		background: url("../img/about/about_earth.png") no-repeat top 80px center;
		background-size: 1447px auto;
	}
	
	.about_earth_title h2 {
		text-align: center;
		color: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		font-size: 30px;
		position: relative;
		margin-bottom: 60px;
	}
	
	.about_earth_title h2:after {
		position: absolute;
		content: "";
		width: 53px;
		height: 1px;
		background: #0A0A0A;
		bottom: -30px;
		left: 50%;
		z-index: 1;
		margin-left: -26px;
	}
	
	.about_earth_lead {
		font-size: 17px;
		font-weight: 500;
		line-height: 2;
	}
	
	.about_earth_container {
		display: flex;
		justify-content: space-between;
		margin: 66px 0 0;
	}
	
	.about_earth_box {
		width: 31%;
		position: relative;
	}
	
	.about_earth_box h3 {
		position: relative;
		z-index: 1;
		color: #ffffff;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 15px;
		padding: 15px 0;
	}
	
	.about_earth_box:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #005064;
		mix-blend-mode: multiply;
		z-index: 0;
	}
	
	.about_earth_num {
		background: #ffffff;
		height: 300px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1;
		margin: 0 4px 4px;
	}
	
	.about_earth_text {
		font-size: 22px;
		color: #005064;
		line-height: 1.2;
	}
	
	.about_earth_text span {
		font-size: 35px;
		font-weight: 500;
	}
	
	.about_earth_text_sub {
		margin: 15px 0 0;
		font-weight: 500;
		color: #323232;
	}
	
	.about_earth_text_line {
		border-bottom: 1px solid #005064;
		margin: 20px 0;
	}
	
	.about_earth_att {
		text-align: right;
		margin: 20px 0 0;
	}
	
	/* @end */
	
	/* @group solution */
	
	.solution_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.solution_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.solution_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.solution_head h3 {
		margin: 25px 0 0;
		font-size: 20px;
		font-weight: 500;
	}
	
	.solution_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.solution_lead {
		padding: 70px 0 50px;
		background: #F6F6F6;
	}
	
	.solution_lead .contents_inner {
		max-width: 1050px;
	}
	
	.solution_lead h2 {
		font-size: 32px;
		font-weight: bold;
		color: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		margin-bottom: 60px;
		margin: 0 55% 0 0;
	}
	
	.solution_lead_text {
		color: #005064;
		font-size: 15px;
		line-height: 2;
		margin: 40px 55% 0 0;
	}
	
	.solution_lead_photo {
		position: absolute;
		top: -170px;
		right: -5%;
		z-index: 1;
		width: 50%;
	}
	
	.solution_lead_photo img {
		width: 100%;
		height: auto;
	}
	
	.solution_head_en {
		font-size: 90px;
		font-weight: bold;
		color: rgba(0,80,100,0.2);
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: 0;
		left: -100px;
		z-index: 10;
		line-height: 1;
		white-space: nowrap;
	}
	
	.solution_section {
		padding: 80px 0;
	}
	
	.solution_section .contents_inner {
		max-width: 1050px;
		background: #ffffff;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.solution_section .contents_inner:before {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: -1;
		background: #ffffff;
	}
	
	.solution_section .contents_inner:after {
		position: absolute;
		content: "";
		width: 75px;
		height: 100%;
		top: 0;
		right: -75px;
		z-index: -1;
		background: #ffffff;
	}
	
	.solution_section_right .contents_inner:before {
		right: auto;
		left: 100%;
		background: #ffffff;
	}
	
	.solution_section_right .contents_inner:after {
		left: -75px;
		right: auto;
	}
	
	.solution_section_title {
		position: absolute;
		top: -70px;
		left: 20px;
		z-index: 10;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
	}
	
	.solution_section_title h3 {
		font-size: 18px;
		color: #005064;
		font-weight: normal;
		border: 1px solid #005064;
		padding: 10px 6px;
		background: #ffffff;
		margin-left: 10px;
		display: inline-block;
	}
	
	.solution_section_title h2 {
		font-size: 30px;
		color: #ffffff;
		background: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		padding: 10px 6px 0;
	}
	
	.solution_detail_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 0 0 15%;
	}
	
	.solution_detail_box_half {
		width: 47.5%;
		margin-bottom: 60px;
	}
	
	.solution_detail_title {
		margin-bottom: 30px;
		color: #005064;
	}
	
	.solution_detail_title h4 {
		font-size: 15px;
		line-height: 2;
		font-weight: normal;
		margin-bottom: 15px;
	}
	
	.solution_detail_title h3 {
		font-size: 17px;
		font-weight: 500;
		margin-bottom: 0;
	}
	
	.solution_detail_text {
		margin: 15px 0 30px;
		font-size: 15px;
		line-height: 2;
	}
	
	.solution_detail_text_h {
		min-height: 120px;
	}
	
	.solution_ticket img, .solution_thumb img {
		width: 100%;
		height: auto;
	}
	
	.solution_ticket {
		position: relative;
	}
	
	.solution_ticket .solution_ticket_sub {
		position: absolute;
		bottom: -13px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 1;
	}
	
	.solution_ticket span {
		display: inline-block;
		background: #005064;
		color: #ffffff;
		width: 164px;
		padding: 3px;
		border-radius: 30px;
	}
	
	.solution_ticket_platform {
		position: relative;
		margin: 60px 0 0;
	}
	
	.solution_ticket_platform sup {
		font-size: 10px;
		vertical-align: top;
	}
	
	.solution_ticket_platform:before {
		content: "";
		position: absolute;
		width: 13px;
		height: 18px;
		top: -30px;
		left: 50%;
		background: url("../img/about/areasolution_arrow.svg") no-repeat;
		background-size: 13px auto;
		z-index: 1;
	}
	
	.solution_ticket_platform {
		border: 1px solid #005064;
		padding: 10px 15px;
		text-align: center;
		font-size: 22px;
		font-weight: 500;
		color: #005064;
	}
	
	.solution_detail_box_full {
		width: 100%;
	}
	
	.solution_nikkomaas_title {
		margin-top: 25px;
		color: #005064;
	}
	
	.solution_nikkomaas_title h4 {
		font-size: 17px;
		font-weight: 500;
	}
	
	.solution_nikkomaas_title h3 {
		font-size: 40px;
		font-weight: 500;
		margin: 20px 0 0;
	}
	
	.solution_nikkomaas_container {
		display: flex;
		justify-content: space-between;
	}
	
	.solution_nikkomaas_text {
		width: 46%;
		font-size: 15px;
		line-height: 2;
		margin: 20px 0 0;
	}
	
	.solution_nikkomaas_img {
		width: 50%;
	}
	
	.solution_nikkomaas_img img {
		width: 100%;
		height: auto;
	}
	
	.solution_produce_container {
		display: flex;
		justify-content: space-between;
		margin: 40px 0 0;
	}
	
	.solution_produce_text {
		width: 47.5%;
	}
	
	.solution_produce_container .solution_thumb {
		width: 47.5%;
	}
	
	.solution_development_text {
		width: 50%;
	}
	
	.solution_development_img {
		width: 40%;
	}
	
	.solution_development_img img {
		width: 100%;
		height: auto;
	}
	
	.solution_project_container h4 {
		font-size: 17px;
		font-weight: 500;
	}
	
	.solution_project_container h3 {
		font-size: 40px;
		font-weight: 500;
	}
	
	.solution_project_img {
		display: flex;
		justify-content: space-between;
		margin: 40px 0 0;
	}
	
	.solution_project_outline {
		width: 55%;
	}
	
	.solution_project_outline img {
		width: 100%;
		height: auto;
	}
	
	.solution_project_thumb {
		width: 40%;
		margin: 20px 0 0;
	}
	
	.solution_project_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}
	
	.solution_business_list li {
		display: block;
		background: rgba(0,80,100,0.2);
		padding: 10px 5px;
		font-size: 15px;
		color: #005064;
		text-align: center;
		margin-bottom: 8px;
		border-radius: 4px;
	}
	
	.solution_detail_box_half_b2 {
		margin-bottom: 0px;
	}
	
	.solution_willcanvas {
		text-align: center;
	}
	
	.solution_willcanvas img {
		max-width: 100%;
		height: auto;
	}
	
	.solution_willcanvas_logo {
		margin-bottom: 20px;
	}
	
	.solution_jtb_logo {
		min-height: 48px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	/* @end */
	
	/* @group career */
	
	.career_head {
		background: url("../img/careerculture/career_main.jpg") no-repeat bottom center;
		background-size: cover;
		position: relative;
	}
	
	.career_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.career_head .contents_inner {
		height: 588px;
	}
	
	.career_head_title {
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 10;
		color: #ffffff;
	}
	
	.career_head_title span {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
	}
	
	.career_head_title h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.career_head_lead {
		position: absolute;
		bottom: 80px;
		left: 80px;
		z-index: 10;
		color: #ffffff;
	}
	
	.career_head_lead span {
		display: inline-block;
		background: linear-gradient(90deg,#c00 0%, #eb5514 64.53%, #ffb900 100%);
		font-family: 'Noto Serif JP', serif;
		font-weight: normal;
		font-size: 30px;
		padding: 1px 15px 5px;
		margin-bottom: 8px;
	}
	
	.career_head_lead span:last-child {
		margin-bottom: 0;
	}
	
	.career_university, .career_challenge, .career_system {
		margin: 190px 0;
	}
	
	.career_university .contents_inner, .career_challenge .contents_inner, .career_system .contents_inner {
		background: rgba(70,40,100,0.05);
		max-width: 1140px;
		padding-bottom: 100px;
	}
	
	.career_challenge .contents_inner {
		background: rgba(0,80,100,0.05);
		padding-bottom: 20px;
	}
	
	.career_system .contents_inner {
		background: rgba(150,0,60,0.05);
	}
	
	.career_university .contents_inner:before, .career_challenge .contents_inner:before, .career_system .contents_inner:before {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: -1;
		background: rgba(70,40,100,0.05);
	}
	
	.career_challenge .contents_inner:before {
		background: rgba(0,80,100,0.05);
	}
	
	.career_system .contents_inner:before {
		background: rgba(150,0,60,0.05);
	}
	
	.career_university .contents_inner:after, .career_challenge .contents_inner:after, .career_system .contents_inner:after {
		position: absolute;
		content: "";
		width: 75px;
		height: 100%;
		top: 0;
		left: -75px;
		z-index: -1;
		background: rgba(70,40,100,0.05);
	}
	
	.career_challenge .contents_inner:after {
		background: rgba(0,80,100,0.05);
	}
	
	.career_system .contents_inner:after {
		background: rgba(150,0,60,0.05);
	}
	
	.career_university_head, .career_challenge_head, .career_system_head {
		background: #462864;
		padding: 40px 0 50px;
		color: #ffffff;
		transform: translateY(-90px);
		position: relative;
	}
	
	.career_challenge_head {
		background: #005064;
		padding: 60px 0 60px;
	}
	
	.career_system_head {
		background: #96003C;
		margin-bottom: -90px;
	}
	
	.career_university_head:after, .career_challenge_head:after, .career_system_head:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #462864;
	}
	
	.career_challenge_head:after {
		background: #005064;
	}
	
	.career_system_head:after {
		background: #96003C;
	}
	
	.career_university_head_inner, .career_challenge_head_inner, .career_system_head_inner {
		margin: 0 10%;
	}
	
	.career_university_head_inner h3, .career_challenge_head_inner h3, .career_system_head_inner h3 {
		font-size: 20px;
		font-weight: 500;
	}
	
	.career_university_head_inner h3 {
		margin-bottom: 20px;
	}
	
	.career_university_head_inner h2, .career_challenge_head_inner h2, .career_system_head_inner h2 {
		font-size: 36px;
		font-weight: 500;
	}
	
	.career_university_head_inner p, .career_challenge_head_inner p, .career_system_head_inner p {
		margin: 90px 0 0;
		font-size: 17px;
		line-height: 2;
	}
	
	.career_university_head h4 {
		margin: 90px 0 15px;
		font-size: 15px;
		border-bottom: 1px solid #FFFFFF;
		padding-bottom: 15px;
	}
	
	.career_university_head ol {
		font-size: 17px;
	}
	
	.career_university_head ol li {
		margin-bottom: 10px;
		list-style-type: decimal;
		margin-left: 1em;
	}
	
	.career_university_box, .career_challenge_box, .career_system_box {
		margin-bottom: 70px;
	}
	
	.career_university_box h3, .career_challenge_box h3, .career_system_box h3 {
		background: #462864;
		color: #ffffff;
		font-size: 24px;
		font-weight: 500;
		padding: 20px 40px;
		display: flex;
		align-items: center;
	}
	
	.career_challenge_box h3 {
		background: #005064;
	}
	
	.career_university_box h3 span, .career_challenge_box h3 span {
		margin-left: 30px;
		font-size: 16px;
	}
	
	.career_university_box_inner, .career_challenge_box_inner {
		margin: 40px 0 40px 40px;
	}
	
	.career_university_box_inner h4, .career_challenge_box_inner h4 {
		font-size: 20px;
		font-weight: 400;
		color: #462864;
		margin-bottom: 40px;
	}
	
	.career_challenge_box_inner h4 {
		color: #005064;
	}
	
	.career_university_wrap, .career_challenge_wrap {
		display: flex;
		justify-content: space-between;
	}
	
	.career_university_textarea, .career_challenge_textarea {
		width: 52%;
		line-height: 2;
	}
	
	.career_university_thumb, .career_challenge_thumb {
		width: 45%;
	}
	
	.career_university_thumb img, .career_challenge_thumb img {
		width: 100%;
		height: auto;
	}
	
	.career_university_textarea dl dt, .career_challenge_textarea dl dt {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	.career_university_textarea dl dd, .career_challenge_textarea dl dd {
		font-size: 15px;
		margin-bottom: 15px;
	}
	
	.career_nextrendar_thumb {
		background: #ffffff;
		padding: 50px;
		display: flex;
		align-items: center;
	}
	
	.career_nextrendar_thumb img {
		width: 100%;
		height: auto;
	}
	
	.career_challenge_textarea_link {
		color: #005064;
	}
	
	.career_university_voice {
		text-align: center;
		margin-bottom: 100px;
	}
	
	.career_university_voice h4 {
		font-size: 20px;
		font-weight: 600;
		color: #462864;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 20px;
	}
	
	.career_university_voice h3 {
		font-size: 24px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 60px;
	}
	
	.career_system_voice h4, .career_system_voice h3 {
		color: #96003C;
	}
	
	.career_university_voice_container {
		display: flex;
		justify-content: space-between;
		margin: 0 40px;
	}
	
	.career_university_voice_box {
		width: 48%;
		text-align: left;
	}
	
	.career_system_voice_label {
		display: block;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		color: #96003C;
		margin-bottom: 40px;
	}
	
	.career_university_voice_label {
		display: block;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 40px;
	}
	
	.career_university_voice_head {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	
	.career_university_voice_thumb {
		width: 35%;
	}
	
	.career_university_voice_thumb img {
		width: 100%;
		height: auto;
		border-radius: 100%;
	}
	
	.career_university_voice_name {
		width: 58%;
	}
	
	.career_university_voice_name h5 {
		font-size: 16px;
		font-weight: 500;
		color: #323232;
		margin-bottom: 15px;
	}
	
	.career_university_voice_name p {
		font-size: 13px;
		line-height: 2;
	}
	
	.career_university_voice_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.career_university_training {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.career_university_training_box {
		width: 48%;
		margin-bottom: 60px;
	}
	
	.career_university_training_box h4 {
		font-size: 20px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 20px;
	}
	
	.career_university_training_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.career_system_flow {
		margin: 65px auto 80px;
		max-width: 840px;
	}
	
	.career_system_flow_01 {
		border: 1px solid #96003C;
		padding: 20px;
		font-size: 22px;
		font-weight: 500;
		color: #96003C;
		text-align: center;
		background: #ffffff;
		margin-bottom: 34px;
		position: relative;
	}
	
	.career_system_flow_01:before, .career_system_flow_02:before {
		position: absolute;
		content: "";
		width: 1px;
		height: 34px;
		bottom: -35px;
		left: 25%;
		z-index: 1;
		background: #96003C;
	}
	
	.career_system_flow_01:after, .career_system_flow_02:after {
		position: absolute;
		content: "";
		width: 1px;
		height: 34px;
		bottom: -35px;
		left: 75%;
		z-index: 1;
		background: #96003C;
	}
	
	.career_system_flow_02 {
		border: 1px solid #96003C;
		padding: 20px;
		font-size: 17px;
		font-weight: 500;
		color: #96003C;
		text-align: center;
		background: #ffffff;
		position: relative;
		margin-bottom: 34px;
	}
	
	.career_system_flow_03 {
		display: flex;
		justify-content: space-between;
	}
	
	.career_system_flow_03_box {
		width: 48%;
		border: 1px solid #96003C;
		padding: 30px 20px;
		background: #ffffff;
		text-align: center;
		color: #96003C;
	}
	
	.career_system_flow_03_box h5 {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	.career_system_flow_03_box h4 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.career_system_flow_03_box p {
		font-size: 15px;
		line-height: 2;
	}
	
	.career_university_list {
		margin: 0 0 40px -40px;
	}
	
	.career_university_list h5 {
		background: #ffffff;
		font-size: 18px;
		font-weight: 500;
		color: #462864;
		padding: 20px 40px;
		border-radius: 50px;
	}
	
	.career_university_list p {
		margin: 20px 40px 0 40px;
		font-size: 15px;
		line-height: 2;
	}
	
	.career_university_list_img {
		margin: 20px 40px 40px 0px;
	}
	
	.career_university_list_img img {
		width: 100%;
		height: auto;
	}
	
	.career_university_list_lead {
		font-size: 20px;
		font-weight: 500;
		color: #462864;
		margin: 20px 40px 20px 40px;
	}
	
	.career_university_list_lead span {
		font-size: 14px;
	}
	
	.career_nextender_lead {
		font-size: 20px;
		color: #005064;
		line-height: 1.8;
		margin: 0 40px 80px 0;
	}
	
	.career_nextender_container {
		margin-right: 40px;
		display: flex;
		justify-content: space-between;
	}
	
	.career_nextender_box {
		width: 45%;
	}
	
	.career_nextender_title {
		margin-bottom: 20px;
	}
	
	.career_nextender_title img {
		width: 100%;
		height: auto;
		margin-left: -20px;
	}
	
	.career_nextender_text {
		font-size: 15px;
		line-height: 2;
		margin-bottom: 30px;
	}
	
	.career_nextender_logo {
		text-align: center;
	}
	
	.career_nextender_logo img {
		max-width: 100%;
		height: auto;
	}
	
	.career_nextender_link {
		font-size: 15px;
		line-height: 2;
		margin-top: 50px;
		text-align: center;
	}
	
	.career_nextender_link a {
		transition: all 0.3s;
		display: inline-block;
		background: #005064 url("../img/common/icon_blank.svg") no-repeat right 20px center;
		border-radius: 50px;
		color: #ffffff;
		text-decoration: none;
		padding: 5px 40px 5px 20px;
		font-size: 14px;
	}
	
	.career_nextender_link a:hover {
		background: #ffffff url("../img/common/icon_blank_bk.svg") no-repeat right 20px center;
		color: #000000;
	}
	
	.career_nextender_staff {
		display: flex;
		justify-content: space-between;
		margin: 100px 40px 0;
	}
	
	.career_nextender_staff_thumb {
		width: 20%;
	}
	
	.career_nextender_staff_thumb_img img {
		width: 100%;
		height: auto;
		max-width: 180px;
		border-radius: 100%;
		margin-bottom: 20px;
	}
	
	.career_nextender_staff_thumb h4 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	
	.career_nextender_staff_thumb p {
		font-size: 13px;
	}
	
	.career_nextender_staff_textarea {
		width: 74%;
	}
	
	.career_nextender_staff_title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	
	.career_nextender_staff_title h5 {
		font-size: 20px;
		font-weight: normal;
		color: #005064;
	}
	
	.career_nextender_staff_title span {
		font-size: 20px;
		font-weight: 600;
		color: #005064;
		font-family: 'Open Sans', sans-serif;
	}
	
	.career_nextender_staff_text {
		font-size: 15px;
		line-height: 2;
	}
	
	/* @end */
	
	/* @group workstyle */
	
	.workstyle_head {
		background: url("../img/careerculture/workstyle_main.jpg") no-repeat bottom center;
		background-size: cover;
		position: relative;
	}
	
	.workstyle_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.workstyle_head .contents_inner {
		height: 588px;
	}
	
	.career_workstyle {
		padding: 100px 0;
	}
	
	.career_workstyle_head {
		max-width: 760px;
		text-align: center;
		font-size: 17px;
		font-weight: 500;
		line-height: 2;
		text-align: center;
		margin: 0 auto;
	}
	
	.career_workstyle_head_small {
		font-size: 13px;
	}
	
	.career_workstyle_box {
		background: #ffffff;
		padding: 120px 0px;
		margin: 160px 0 60px;
	}
	
	.career_workstyle_box h2 {
		margin: 0 60px;
		background: #462864;
		color: #ffffff;
		text-align: center;
		padding: 30px;
		font-size: 20px;
		font-weight: 500;
		transform: translateY(-165px);
		border-radius: 100px;
		margin-bottom: -165px;
	}
	
	.career_workstyle_box_lifeevent h2 {
		background: #005064;
	}
	
	.career_workstyle_box_glow h2 {
		background: #96003C;
	}
	
	.career_workstyle_box_inner {
		margin: 85px 76px 0;
	}
	
	.career_workstyle_point {
		display: flex;
		justify-content: center;
	}
	
	.career_workstyle_point2 {
		
	}
	
	.career_workstyle_point_box {
		width: 23%;
		margin: 0 1%;
	}
	
	.career_workstyle_point2 .career_workstyle_point_box {
		width: 31%;
	}
	
	.career_workstyle_point2 .career_workstyle_point_box p {
		
	}
	
	.career_workstyle_point_box span {
		display: block;
		font-size: 17px;
		font-weight: 500;
		color: #462864;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.career_workstyle_point_box h3 {
		font-size: 20px;
		font-weight: 500;
		color: #462864;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_point_box span {
		color: #005064;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_point_box h3 {
		color: #005064;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_voice_text span {
		color: #005064;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_voice_text h4 {
		color: #005064;
	}
	
	.career_workstyle_box_glow .career_workstyle_point_box span {
		color: #96003C;
	}
	
	.career_workstyle_box_glow .career_workstyle_point_box h3 {
		color: #96003C;
	}
	
	.career_workstyle_box_glow .career_workstyle_voice_text span {
		color: #96003C;
	}
	
	.career_workstyle_box_glow .career_workstyle_voice_text h4 {
		color: #96003C;
	}
	
	.career_workstyle_point_box p {
		font-size: 15px;
		line-height: 2;
	}
	
	.career_workstyle_voice {
		display: flex;
		justify-content: space-between;
		margin: 80px 0 0;
	}
	
	.career_workstyle_voice_thumb {
		width: 200px;
	}
	
	.career_workstyle_voice_thumb img {
		width: 100%;
		max-width: 180px;
		height: auto;
		border-radius: 180px;
		margin-bottom: 10px;
	}
	
	.career_workstyle_voice_thumb h3 {
		font-size: 16px;
		font-weight: 500;
	}
	
	.career_workstyle_voice_thumb p {
		font-size: 13px;
		line-height: 2;
	}
	
	.career_workstyle_voice_text {
		width: calc(100% - 250px);
		position: relative;
	}
	
	.career_workstyle_voice_text span {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		font-size: 20px;
		font-weight: 600;
		color: #462864;
	}
	
	.career_workstyle_voice_text h4 {
		font-size: 20px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 45px;
	}
	
	.career_workstyle_voice_text p {
		font-size: 15px;
		line-height: 2;
	}
	
	/* @end */
	
	/* @group deib */
	
	.deib_body {
		position: relative;
	}
	
	.deib_body:before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -2;
		background: url("../img/careerculture/deib_back.png") no-repeat;
		background-size: cover;
	}
	
	.deib_body:after {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: rgba(50,50,50,0.2);
	}
	
	.deib_head {
		position: relative;
	}
	
	.deib_head .contents_inner {
		height: 588px;
	}
	
	.deib_lead {
		padding-top: 80px;
	}
	
	.deib_lead_text {
		text-align: center;
		color: #ffffff;
		background: linear-gradient(135deg,#c00 0%, #eb5514 64.53%, #ffb900 100%);
		padding: 70px 0;
	}
	
	.deib_lead_text h2 {
		font-size: 30px;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
	}
	
	.deib_lead_text p {
		max-width: 760px;
		margin: 60px auto 0;
		text-align: left;
		font-size: 17px;
		font-weight: 500;
		line-height: 2;
	}
	
	.deib_lead_container {
		display: flex;
		justify-content: space-between;
		margin: 160px 40px 0;
	}
	
	.deib_lead_box {
		width: 23.5%;
		background: rgba(255,255,255,0.95);
		padding: 60px 5px 25px;
		position: relative;
		display: flex;
		flex-direction: column;
	}
	
	.deib_lead_icon {
		position: absolute;
		font-size: 80px;
		font-weight: 600;
		color: #CC0000;
		font-family: 'Open Sans', sans-serif;
		top: -40px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 1;
		z-index: 1;
	}
	
	.deib_lead_en {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
		text-align: center;
		display: block;
	}
	
	.deib_lead_box h3 {
		font-size: 24px;
		color: #CC0000;
		font-weight: 600;
		margin-bottom: 20px;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
	}
	
	.deib_lead_box_text {
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		line-height: 2;
		color: #323232;
		min-height: 300px;
	}
	
	.deib_lead_box_text2 {
		text-align: left;
		font-size: 15px;
		line-height: 2;
		color: #323232;
		margin: 0 15px;
	}
	
	.deib_outline {
		background: rgba(255,255,255,0.95);
		display: flex;
		justify-content: space-between;
		margin: 78px 0;
		padding: 60px 10% 50px;
	}
	
	.deib_outline_thumb {
		width: 20%;
	}
	
	.deib_outline_thumb img {
		width: 100%;
		height: auto;
		border-radius: 100%;
		max-width: 180px;
		margin-bottom: 20px;
	}
	
	.deib_outline_thumb h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 15px;
	}
	
	.deib_outline_thumb_text {
		font-size: 13px;
		line-height: 2;
	}
	
	.deib_outline_textarea {
		width: 73%;
		position: relative;
	}
	
	.deib_outline_textarea_label {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}
	
	.deib_outline_textarea h2 {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 40px;
	}
	
	.deib_outline_textarea h3 {
		font-size: 18px;
		margin-bottom: 40px;
		font-weight: normal;
	}
	
	.deib_outline_textarea_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.deib_outline_textarea_link {
		margin: 10px 0 0;
	}
	
	.deib_outline_textarea_link a {
		color: #CC0000;
	}
	
	.deib_5point {
		background: rgba(255,255,255,0.95);
		margin: 78px 0;
		padding: 60px 10% 50px;
	}
	
	.deib_5point2 {
		padding: 60px 5% 50px;
	}
	
	.deib_5point h2 {
		font-size: 30px;
		font-weight: 600;
		text-align: center;
		font-family: 'Noto Serif JP', serif;
	}
	
	.deib_5point_lead {
		margin: 30px auto;
		max-width: 840px;
		font-size: 17px;
		line-height: 2;
		font-weight: 500;
	}
	
	.deib_5point_box {
		background: #ffffff;
		padding: 60px;
		margin: 60px 0 0;
	}
	
	.deib_5point_box h3 {
		font-size: 30px;
		font-weight: 600;
		color: #CC0000;
		border-bottom: 2px solid #CC0000;
		padding-bottom: 15px;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 20px;
	}
	
	.deib_5point_box_wrap {
		position: relative;
	}
	
	.deib_5point_box_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.deib_5point_box_text img.deib_workstyle_img {
		max-width: 100%;
		height: auto;
		margin: 20px 0;
	}
	
	.deib_5point_goal01 {
		margin-bottom: 30px;
	}
	
	.deib_5point_goal02 {
		position: relative;
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	
	.deib_5point_goal02 .deib_5point_box_text {
		width: 63%;
	}
	
	.deib_5point_goal {
		width: 32%;
	}
	
	.deib_5point_goal02 .deib_5point_goal {
		
	}
	
	.deib_5point_goal_box {
		background: #CC0000;
		border-radius: 6px;
		padding: 20px;
		color: #ffffff;
		margin-bottom: 20px;
	}
	
	.deib_5point_goal_box h4 {
		font-size: 14px;
		border-bottom: 1px solid #ffffff;
		padding: 0 0 5px 0;
		margin-bottom: 15px;
	}
	
	.deib_5point_goal_num {
		display: flex;
		align-items: flex-end;
		font-size: 15px;
	}
	
	.deib_5point_goal_num_left {
		width: 32%;
	}
	
	.deib_5point_goal_num_arrow {
		width: 18%;
		text-align: center;
	}
	
	.deib_5point_goal_num_right {
		width: 50%;
	}
	
	.deib_5point_size1 {
		font-size: 22px;
		font-weight: bold;
		line-height: 1;
		margin-top: 10px;
		min-height: 36px;
		display: inline-block;
		display: flex;
		align-items: center;
	}
	
	.deib_5point_size2 {
		font-size: 36px;
		font-weight: bold;
		line-height: 1;
		margin-top: 10px;
		min-height: 36px;
		display: inline-block;
		display: flex;
		align-items: center;
	}
	
	.deib_5point_explanation {
		
	}
	
	.deib_5point_explanation h5 {
		font-size: 17px;
		font-weight: 500;
		color: #CC0000;
	}
	
	.deib_5point_explanation h5 span {
		display: inline-block;
		color: #ffffff;
		background: #CC0000;
		padding: 3px 15px 5px;
		font-size: 15px;
		border-radius: 100px;
		margin-right: 15px;
	}
	
	.deib_5point_explanation_wrap {
		display: flex;
		justify-content: space-between;
		margin: 20px 0 0;
	}
	
	.deib_5point_explanation_textarea {
		width: 65%;
	}
	
	.deib_5point_explanation_thumb {
		width: 28%;
	}
	
	.deib_5point_explanation_thumb_img {
		margin-bottom: 10px;
	}
	
	.deib_5point_explanation_thumb_img img {
		width: 100%;
		height: auto;
		border-radius: 100%;
		max-width: 150px;
	}
	
	.deib_5point_explanation_thumb_text {
		
	}
	
	.deib_5point_explanation_thumb_text1 {
		font-size: 16px;
		font-weight: 500;
	}
	
	.deib_5point_explanation_thumb_text2 {
		font-size: 13px;
		line-height: 2;
		margin: 15px 0 0;
	}
	
	.deib_5point_explanation_message {
		font-size: 15px;
		line-height: 2;
	}
	
	.deib_5point_explanation02 {
		margin-right: 37%;
	}
	
	.deib_5point_explanation02 .deib_5point_explanation_thumb {
		width: 40%;
	}
	
	.deib_5point_explanation02 .deib_5point_explanation_thumb {
		display: block;
	}
	
	.deib_5point_explanation02 .deib_5point_explanation_thumb_img {
		width: auto;
	}
	
	.deib_5point_explanation02 .deib_5point_explanation_thumb_text {
		width: auto;
	}
	
	.deib_5point_system {
		margin: 40px 0;
	}
	
	.deib_5point_system h4 {
		font-size: 17px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	
	.deib_5point_system p {
		font-size: 15px;
		line-height: 2;
	}
	
	.deib_evaluation {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 70px;
	}
	
	.deib_evaluation_box {
		width: 48%;
		margin-bottom: 40px;
	}
	
	.deib_evaluation_wrap {
		display: flex;
		justify-content: space-between;
	}
	
	.deib_evaluation_logo {
		width: 30%;
		text-align: center;
		margin: 10px 0 0;
	}
	
	.deib_evaluation_logo img {
		max-width: 100%;
		height: auto;
		mix-blend-mode: multiply;
	}
	
	.deib_evaluation_box h3 {
		color: #CC0000;
		font-size: 17px;
		font-weight: 500;
		line-height: 2;
		margin-bottom: 20px;
	}
	
	.deib_evaluation_text {
		width: 65%;
		font-size: 15px;
		line-height: 2;
	}
	
	.deib_outline_textarea h2.deib_message_title {
		font-size: 30px;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
		margin-left: -27%;
	}
	
	/* @end */
	
	/* @group styleflow */
	
	.styleflow_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.styleflow_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.styleflow_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.styleflow_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.styleflow_course {
		margin: 80px 0;
	}
	
	.styleflow_course_end {
		text-align: center;
		padding: 0;
		margin: 0 auto 50px;
		font-size: 18px;
		font-weight: 600;
		color: #d21e32;
	}
	
	.styleflow_course_title {
		position: relative;
		padding: 30px 0 40px 130px;
		margin: 0 auto;
		max-width: 960px;
	}
	
	.styleflow_course_title_ja {
		font-size: 30px;
		color: #005064;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
	}
	
	.styleflow_course_title_icon {
		position: absolute;
		width: 110px;
		height: 110px;
		background: linear-gradient(#005064 0%, #3cc8d2 100%);
		border-radius: 110px;
		color: #ffffff;
		font-size: 20px;
		font-weight: 500;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 5px;
		padding-left: 5px;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.styleflow_course_container {
		display: flex;
		justify-content: space-between;
		margin: 90px auto 74px;
		max-width: 960px;
	}
	
	.styleflow_course_box {
		width: 47%;
		text-align: center;
		display: flex;
		flex-direction: column;
		position: relative;
	}
	
	.styleflow_course_box_x {
		width: 6%;
		background: url("../img/about/styleflow_x.svg") no-repeat center center;
		margin: 65px 0 0;
	}
	
	.styleflow_course_box_color {
		background: #CBDBDF;
		border-radius: 20px;
		padding: 40px 30px;
		flex: 1;
		height: 100%;
		min-height: 0%;
	}
	
	.styleflow_course_box_color > * {
		flex-shrink: 0;
	}
	
	.styleflow_course_box h3 {
		font-size: 22px;
		font-weight: 600;
		color: #005064;
		margin-bottom: 30px;
	}
	
	.styleflow_course_group {
		width: 338px;
		height: 338px;
		background: #ffffff url("../img/about/styleflow_jtbgroup.svg") no-repeat center center;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #005064;
		font-size: 18px;
		font-weight: 600;
		margin: 20px auto;
	}
	
	.styleflow_course_name {
		margin: 70px 0;
	}
	
	.styleflow_course_box_color p {
		font-size: 14px;
		color: #005064;
		text-align: left;
	}
	
	.styleflow_course_name_label {
		background: #ffffff;
		font-size: 18px;
		font-weight: 600;
		padding: 10px;
		border-radius: 100px;
		color: #005064;
	}
	
	.styleflow_course_or {
		text-align: center;
		font-weight: 600;
		color: #005064;
		font-size: 20px;
		margin: 10px 0;
	}
	
	.styleflow_course_entry {
		background: #CBDBDF;
		padding: 30px 0;
		max-width: 960px;
		margin: 0 auto 100px;
		border-radius: 100px;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		color: #005064;
		position: relative;
	}
	
	.styleflow_course_entry:before {
		position: absolute;
		content: "";
		width: 28px;
		height: 17px;
		background: url("../img/about/styleflow_arrow.svg") no-repeat;
		background-size: 28px auto;
		top: -40px;
		left: 50%;
		z-index: 1;
		margin-left: -14px;
	}
	
	.styleflow_faq {
		margin: 0 auto 60px;
		max-width: 960px;
	}
	
	.styleflow_faq_q {
		background: #005064;
		border-radius: 4px;
		padding: 30px;
		position: relative;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		color: #ffffff;
	}
	
	.styleflow_faq_q span, .styleflow_faq_a_title span {
		position: absolute;
		top: 5px;
		left: 60px;
		z-index: 1;
		font-size: 43px;
		color: rgba(246,246,246,0.6);
	}
	
	.styleflow_faq_a_title span {
		top: -25px;
		left: 3px;
	}
	
	.styleflow_faq_a_title_small {
		font-size: 14px;
	}
	
	.styleflow_faq_a {
		margin: 10px 0 0;
		background: #005064;
		border-radius: 4px;
		color: #ffffff;
		padding: 40px 60px;
	}
	
	.styleflow_faq_a_title {
		position: relative;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		color: #ffffff;
	}
	
	.styleflow_faq_a table {
		text-align: left;
		margin: 30px 0px 0;
		width: 100%;
	}
	
	.styleflow_faq_a2 {
		padding: 20px;
	}
	
	.styleflow_faq_a2 table {
		margin: 0;
		padding: 20px;
	}
	
	.styleflow_faq_a table th {
		background: rgba(255,255,255,0.12);
		border-right: 3px solid #005064;
		padding: 10px;
		font-size: 14px;
		font-weight: normal;
	}
	
	.styleflow_faq_a table th:last-child {
		border-right: 0;
	}
	
	.styleflow_faq_a table td:last-child {
		border-right: 0;
	}
	
	.styleflow_faq_a table td {
		padding: 10px 0;
		font-size: 14px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		border-right: 1px solid rgba(255,255,255,0.2);
	}
	
	.styleflow_faq_a table td:last-child {
		text-align: center;
	}
	
	.styleflow_faq_a table td span {
		font-weight: bold;
	}
	
	.styleflow_faq_hint {
		display: flex;
		justify-content: space-between;
		margin: 70px 10% 40px;
	}
	
	.styleflow_faq_hint_box {
		width: 46%;
		text-align: center;
	}
	
	.styleflow_faq_hint_label {
		margin: 50px 0 0;
		position: relative;
	}
	
	.styleflow_faq_hint_label a {
		background: rgba(255,255,255,0.2);
		padding: 15px;
		font-size: 16px;
		color: #ffffff;
		border-radius: 100px;
		position: relative;
		text-decoration: none;
		display: block;
		transition: all 0.3s;
	}
	
	.styleflow_faq_hint_label a:hover {
		background: #ffffff;
		color: #005064;
	}
	
	.styleflow_faq_hint_label:before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		top: -40px;
		left: 50%;
		transform: rotate(135deg);
		margin-left: -8px;
	}
	
	.styleflow_flow {
		background: #ffffff;
		padding: 70px 0;
		text-align: center;
	}
	
	#anchor_flow {
		padding-top: 132px;
		margin-top: -132px;
	}
	
	.styleflow_flow h3 {
		font-size: 22px;
		font-weight: 600;
		color: #005064;
	}
	
	.styleflow_flow h3.styleflow_flow_lead {
		margin-bottom: 20px;
	}
	
	.styleflow_flow_container {
		max-width: 960px;
		margin: 70px auto;
		text-align: left;
	}
	
	.styleflow_flow_head {
		margin-bottom: 30px;
		font-size: 15px;
	}
	
	.styleflow_flow_blue {
		color: #005064;
		margin-bottom: 10px;
	}
	
	.styleflow_flow_tab {
		display: flex;
		margin-bottom: 30px;
	}
	
	.styleflow_flow_tab_box {
		width: 50%;
	}
	
	.styleflow_flow_tab_box a {
		display: block;
		background: rgba(0,80,100,0.2);
		padding: 15px;
		color: #ffffff;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
	}
	
	.styleflow_flow_tab_box a.active {
		background: #005064;
	}
	
	.styleflow_flow_step {
		background: #F6F6F6;
		padding: 40px 30px;
		display: flex;
		margin-bottom: 20px;
	}
	
	.styleflow_flow_step_num {
		width: 17%;
		font-size: 22px;
		color: #005064;
		font-weight: 600;
	}
	
	.styleflow_flow_step_textarea {
		width: 83%;
	}
	
	.styleflow_flow_step_textarea h4 {
		font-size: 22px;
		color: #005064;
		font-weight: 600;
	}
	
	.styleflow_flow_step_text {
		line-height: 2;
		font-size: 15px;
		margin: 30px 0 0;
	}
	
	.styleflow_flow_step_btn {
		display: inline-block;
		padding: 10px 40px 10px 20px;
		background: #005064;
		color: #ffffff;
		text-decoration: none;
		margin: 20px 0 0;
		position: relative;
		transition: all 0.3s;
	}
	
	.styleflow_flow_step_btn:before {
		position: absolute;
		content: "";
		width: 10px;
		height: 9px;
		background: url("../img/common/icon_blank.svg") no-repeat;
		background-size: 10px auto;
		z-index: 1;
		top: 50%;
		right: 20px;
		margin-top: -5px;
	}
	
	.styleflow_flow_step_btn:hover {
		background: #ffffff;
		color: #323232;
	}
	
	.styleflow_flow_step_btn:hover::before {
		background: url("../img/common/icon_blank_bk.svg") no-repeat;
		background-size: 10px auto;
	}
	
	.styleflow_flow_step_textarea h5 {
		font-size: 18px;
		font-weight: 600;
		color: #005064;
		margin: 50px 0 0;
	}
	
	.styleflow_flow_step_textarea h6 {
		font-size: 15px;
		font-weight: 500;
		color: #005064;
		margin: 30px 0 0;
	}
	
	.styleflow_link {
		margin: 90px 0;
		text-align: center;
	}
	
	.styleflow_link h5 {
		font-size: 20px;
		font-weight: 500;
		color: #005064;
		margin-bottom: 20px;
	}
	
	.styleflow_link a {
		display: block;
		max-width: 560px;
		margin: 0 auto;
		background: #005064;
		color: #ffffff;
		font-size: 17px;
		font-weight: 500;
		padding: 25px 20px;
		border-radius: 100px;
		text-decoration: none;
		margin-bottom: 60px;
		transition: all 0.3s;
	}
	
	.styleflow_link a:hover {
		background: #ffffff;
		color: #005064;
	}
	
	/* @end */
	
	/* @group groupjob */
	
	.groupjob_head {
		background: linear-gradient(45deg, #5a6446 50%, #dcdc00 100%);
	}
	
	.groupjob_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.groupjob_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.groupjob_head h3 {
		margin: 25px 0 0;
		font-size: 20px;
		font-weight: 500;
	}
	
	.groupjob_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.groupjob_head h1.index {
		margin: 50px 0 0;
	}
	
	.groupjob_att {
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: 0 auto 40px;
		max-width: 1070px;
		padding: 20px;
	}
	
	.groupjob_tabs {
		margin: 73px 0 0;
	}
	
	.groupjob_tabs ul {
		display: flex;
		justify-content: space-between;
		max-width: 1070px;
		margin: 0 auto;
	}
	
	.groupjob_tabs ul li {
		width: 24%;
	}
	
	.groupjob_tabs ul li a {
		display: block;
		background: #5A6446;
		border-radius: 4px;
		text-align: center;
		font-size: 15px;
		padding: 18px 15px 35px;
		color: #ffffff;
		text-decoration: none;
		position: relative;
		transition: all 0.3s;
		border: 1px solid #5A6446;
	}
	
	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #5A6446;
		border: 1px solid #5A6446;
	}
	
	.groupjob_tabs ul li a:before {
		position: absolute;
		content: "";
		width: 7px;
		height: 7px;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		bottom: 20px;
		left: 50%;
		transform: rotate(45deg);
		margin-left: -3px;
	}
	
	.groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #5A6446;
		border-right: 1px solid #5A6446;
	}
	
	.groupjob_business {
		margin: 140px 0;
	}
	
	.groupjob_business .contents_inner, .groupjob_culture .contents_inner {
		background: #ffffff;
		position: relative;
		padding: 80px 20px 80px 180px;
	}
	
	.groupjob_business .contents_inner:before, .groupjob_culture .contents_inner:before {
		content: "";
		position: absolute;
		top: 0;
		right: 100%;
		width: 100vw;
		height: 100%;
		background: #ffffff;
		z-index: 1;
	}
	
	.groupjob_title_ja {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: -55px;
		left: 100px;
		background: #5A6446;
		color: #ffffff;
		font-size: 30px;
		font-weight: bold;
		padding: 15px 5px;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
	}
	
	.groupjob_title_en {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: -56px;
		left: 0px;
		color: rgba(90,100,70,0.2);
		font-size: 90px;
		font-weight: bold;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		line-height: 1;
	}
	
	.groupjob_business_box {
		max-width: 760px;
		margin: 0 auto 70px;
	}
	
	.groupjob_business_box:last-child {
		margin-bottom: 0;
	}
	
	.groupjob_business_box h3 {
		font-size: 20px;
		font-weight: 600;
		color: #5A6446;
		margin-bottom: 20px;
	}
	
	.groupjob_business_box_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.groupjob_work {
		margin: 160px 0 0;
	}
	
	.groupjob_work .contents_inner, .groupjob_info .contents_inner {
		background: #F5F5EA url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
		position: relative;
		padding: 80px 20px 80px 180px;
	}
	
	.groupjob_info .contents_inner {
		background: #F5F5EA;
	}
	
	.groupjob_work .contents_inner:before, .groupjob_info .contents_inner:before {
		content: "";
		position: absolute;
		top: 0;
		right: 100%;
		width: 100vw;
		height: 100%;
		background: #F5F5EA;
		z-index: 1;
	}
	
	.groupjob_work_container {
		max-width: 760px;
		margin: 0 auto 70px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.groupjob_work_box {
		width: 48%;
		margin-bottom: 50px;
	}
	
	.groupjob_work_box h3 {
		font-size: 20px;
		font-weight: 600;
		color: #5A6446;
		margin-bottom: 20px;
	}
	
	.groupjob_work_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.groupjob_work_box_btn {
		display: flex;
		flex-direction: column;
	}
	
	.groupjob_work_box_btn h3 {
		flex: 1;
		height: 100%;
		min-height: 0%;
	}
	
	.groupjob_work_box_btn .groupjob_work_text {
		flex: 2;
		height: 100%;
		min-height: 0%;
	}
	
	.groupjob_work_link {
		display: block;
		background: rgba(90,100,70,0.75);
		padding: 7px 10px;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		border-radius: 100px;
		margin: 40px 0 0;
		font-size: 13px;
		transition: all 0.3s;
		border: 1px solid rgba(90,100,70,0);
	}
	
	.groupjob_work_link:hover {
		background: #F5F5EA;
		color: #5A6446;
		border: 1px solid rgba(90,100,70,0.75);
	}
	
	.groupjob_work_lead {
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		color: #5A6446;
	}
	
	.groupjob_work_course {
		display: flex;
		justify-content: space-between;
		max-width: 760px;
		margin: 60px auto 0;
	}
	
	.groupjob_work_course_box {
		width: 47%;
		background: linear-gradient(45deg, #5a6446 0%, #dcdc00 100%);
		padding: 30px 10px;
		text-align: center;
		color: #ffffff;
		position: relative;
		transition: all 0.3s;
	}
	
	.groupjob_work_course_box:hover {
		opacity: 0.7;
	}
	
	.groupjob_work_course_text {
		font-size: 15px;
		font-weight: 600;
	}
	
	.groupjob_work_course_name {
		font-size: 18px;
		font-weight: 600;
		margin: 45px 0 0;
		position: relative;
	}
	
	.groupjob_work_course_name:before {
		content: "";
		position: absolute;
		width: 16px;
		height: 18px;
		background: url("../img/groupjob/icon_groupjob_work_course.svg") no-repeat;
		top: -30px;
		left: 50%;
		z-index: 1;
		margin-left: -8px;
	}
	
	.groupjob_culture {
		margin: 160px 0 0;
	}
	
	.groupjob_culture_head {
		max-width: 760px;
		margin: 60px auto 0;
		display: flex;
		justify-content: space-between;
	}
	
	.groupjob_culture_head_thumb {
		width: 30%;
	}
	
	.groupjob_culture_head_textarea {
		width: 65%;
	}
	
	.groupjob_culture_head_img img {
		width: 100%;
		height: auto;
		max-width: 180px;
		border-radius: 180px;
	}
	
	.groupjob_culture_head_thumb h3 {
		text-align: center;
		max-width: 180px;
		margin-bottom: 20px;
	}
	
	.groupjob_culture_head_thumb h3 span {
		display: inline-block;
		position: relative;
		font-size: 16px;
		font-weight: 500;
		color: #5A6446;
	}
	
	.groupjob_culture_head_thumb h3 span:before {
		position: absolute;
		content: "";
		width: 2px;
		height: 24px;
		background: #707070;
		top: 3px;
		left: -17px;
		transform: rotate(-30deg);
	}
	
	.groupjob_culture_head_thumb h3 span:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 24px;
		background: #707070;
		top: 3px;
		right: -17px;
		transform: rotate(30deg);
	}
	
	.groupjob_culture_head_profile {
		margin: 20px 0 0;
	}
	
	.groupjob_culture_head_profile h4 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 15px;
	}
	
	.groupjob_culture_head_profile p {
		font-size: 13px;
		line-height: 2;
	}
	
	.groupjob_culture_head_textarea {
		margin: 30px 0 0;
	}
	
	.groupjob_culture_head_textarea h4 {
		font-size: 20px;
		font-weight: 600;
		color: #5A6446;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 30px;
	}
	
	.groupjob_culture_head_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.groupjob_culture_wrap {
		max-width: 760px;
		margin: 60px auto 0;
	}
	
	.groupjob_culture_wrap h3 {
		font-size: 16px;
		font-weight: 600;
		color: #5A6446;
		background: rgba(90,100,70,0.25);
		padding: 15px 20px;
	}
	
	.groupjob_culture_column {
		display: flex;
		justify-content: space-between;
		margin: 30px 0 0;
	}
	
	.groupjob_culture_column_box {
		width: 31%;
	}
	
	.groupjob_culture_column_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 25px;
	}
	
	.groupjob_culture_column_box h4, .groupjob_culture_person h4 {
		font-size: 17px;
		font-weight: 500;
		color: #5A6446;
		margin-bottom: 10px;
	}
	
	.groupjob_culture_column_box p, .groupjob_culture_person p {
		font-size: 15px;
		line-height: 2;
	}
	
	.groupjob_culture_person {
		margin: 30px 0 0;
	}
	
	.groupjob_culture_person p {
		margin-bottom: 20px;
	}
	
	.groupjob_info {
		margin: 160px 0 0;
	}
	
	.groupjob_info_table {
		max-width: 760px;
		margin: 60px auto 0;
	}
	
	.groupjob_info_table h3 {
		font-size: 16px;
		font-weight: 600;
		color: #5A6446;
		background: rgba(90,100,70,0.25);
		padding: 15px 20px;
	}
	
	.groupjob_info_table table {
		border-top: 1px solid rgba(90,100,70,0.25);
		margin: 30px 0 0;
		width: 100%;
	}
	
	.groupjob_info_table table th {
		width: 25%;
		text-align: left;
		padding: 18px 20px 18px 0;
		color: #5A6446;
		font-size: 15px;
		font-weight: 500;
		border-bottom: 1px solid rgba(90,100,70,0.25);
	}
	
	.groupjob_info_table table td {
		width: 75%;
		padding: 18px 0 18px 20px;
		font-size: 15px;
		border-bottom: 1px solid rgba(90,100,70,0.25);
		word-break: break-all;
	}
	
	.groupjob_info_table table td a {
		transition: all 0.3s;
	}
	
	.groupjob_info_table table td a:hover {
		opacity: 0.5;
	}
	
	.groupjob_info_table_link {
		display: block;
		color: #ffffff;
		background: #5A6446;
		padding: 33px 35px;
		font-size: 16px;
		font-weight: 600;
		margin: 80px 0 0;
		text-decoration: none;
		text-align: center;
		border-radius: 100px;
		transition: all 0.3s;
		border: 1px solid #5A6446;
	}
	
	.groupjob_info_table_link_disable {
		opacity: 0.4;
		cursor: auto;
	}
	
	.groupjob_info_table_link:hover {
		color: #5A6446;
		background: #ffffff;
	}
	
	.groupjob_return {
		margin: 100px 0;
	}
	
	.groupjob_return_link {
		display: block;
		background: linear-gradient(45deg, #5a6446 0%, #dcdc00 100%);
		color: #ffffff;
		max-width: 960px;
		margin: 0 auto;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		padding: 56px 0;
		border-radius: 4px;
		transition: all 0.3s;
	}
	
	.groupjob_return_link:hover {
		opacity: 0.8;
	}
	
	/* @end */
	
	/* @group info faq */
	
	.info_head {
		background: linear-gradient(135deg, #644600 50%, #d2a000 100%);
	}
	
	.info_head .contents_inner {
		height: 220px;
		color: #ffffff;
	}
	
	.info_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.info_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.faq_anker {
		margin: 80px 0;
	}
	
	.faq_anker .contents_inner {
		max-width: 1110px;
	}
	
	.faq_anker ul {
		display: flex;
		justify-content: space-between;
	}
	
	.faq_anker ul li {
		width: 24%;
	}
	
	.faq_anker ul li a {
		display: block;
		background: #644600;
		border-radius: 4px;
		color: #ffffff;
		text-align: center;
		font-size: 15px;
		text-decoration: none;
		padding: 20px 0 34px;
		position: relative;
	}
	
	.faq_anker ul li a:after {
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		transform: rotate(45deg);
		bottom: 17px;
		left: 50%;
		z-index: 1;
	}
	
	.faq_inner {
		max-width: 960px;
		margin: 0 auto;
	}
	
	.faq_inner h2 {
		font-size: 24px;
		text-align: center;
		font-weight: 500;
		margin-bottom: 50px;
	}
	
	.faq_box {
		background: #F2EEE6;
		padding: 20px 40px;
		margin-bottom: 10px;
	}
	
	.faq_q {
		position: relative;
	}
	
	.faq_icon {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 20px;
		color: #CC0000;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	
	.faq_q a {
		font-size: 17px;
		font-weight: 500;
		text-decoration: none;
		position: relative;
		display: block;
		padding: 3px 0 0 30px;
	}
	
	.faq_q a:before {
		position: absolute;
		content: "";
		width: 24px;
		height: 2px;
		background: #CC0000;
		top: 17px;
		right: 0;
		z-index: 1;
	}
	
	.faq_q a:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 24px;
		background: #CC0000;
		top: 6px;
		right: 11px;
		z-index: 1;
	}
	
	.faq_q a.open:after {
		display: none;
	}
	
	.faq_a {
		margin: 20px 0 0;
		display: none;
	}
	
	.faq_a_inner {
		position: relative;
		padding: 3px 0 0 30px;
		font-size: 17px;
		line-height: 1.8;
	}
	
	.faq_wrap {
		margin-bottom: 110px;
	}
	
	.faq_a .icon_blank {
		display: inline-block;
		padding: 0 20px 0 0;
		background: url("../img/common/icon_blank_bk.svg") no-repeat top 11px right 3px;
	}
	
	/* @end */
	
	/* @group challenged */
	
	.page_challenged_wrap {
		background: #F6F6F6;
	}
	
	.page_challenged_head {
		margin: 132px 0 0;
		padding: 64px 0;
	}
	
	.page_challenged_head .contents_inner{
		position: relative;
	}
	
	.page_challenged_head_title {
		position: absolute;
		top: 43px;
		left: 0;
		z-index: 1;
		color: #644600;
		letter-spacing: 0.04em;
	}
	
	.page_challenged_head_lead {
		position: absolute;
		bottom: 43px;
		left: 0;
		z-index: 1;
	}
	
	.page_challenged_head_img_box {
		text-align: right;
	}
	
	.page_challenged_head_img_box img {
		width: 77.5%;
		height: auto;
	}
	
	.page_challenged_head_title h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	.page_challenged_head_title h1 {
		font-size: 30px;
		font-weight: 400;
	}
	
	.page_challenged_head_lead h3{
		font-size: 49px;
		font-weight: 400;
		font-family: 'Noto Serif JP', serif;
		color: #ffffff;
	}
	
	.page_challenged_head_lead div {
		position: relative;
		margin-bottom: 10px;
		display: inline-block;
		background: linear-gradient(70deg , #644600 60%, #d2a000 100%);
		opacity: 0;
		transform: translateX(-50px);
		animation: fadeInRight 1s ease-out forwards;
	}

	.text1 { animation-delay: 0.3s; }
	.text2 { animation-delay: 0.6s; }
	
	.page_challenged_head_lead h3 span {
		position: relative;
		display: inline-block;
		line-height: 1;
		padding: 2px 0 10px 10px;
		letter-spacing: 0.17em;
		z-index: 1;
		opacity: 0;
		transform: translateX(-50px);
		animation: fadeInRight 1s ease-out forwards;
	}
	
	.page_challenged_head_en {
		position: absolute;
		font-size: 90px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		color: #644600;
		opacity: 0.3;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		top: -30px;
		right: -25px;
		z-index: 2;
		line-height: 1;
	}
	
	.challenged_head_text {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		color: #644600;
		line-height: 2.3;
	}
	
	
	.challenged_head_link {
		display: flex;
		justify-content: space-between;
		margin: 97px 0px;
	}
	
	.challenged_head_link_box {
		width: 32%;
	}
	
	.challenged_head_link_box a {
		display: block;
		background: #644600;
		padding: 27px 10px;
		border-radius: 100px;
		font-size: 17px;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s;
		border: 1px solid #644600;
	}
	
	.challenged_head_link_box a:hover {
		opacity: 0.7;
		color: #644600;
		background: #ffffff;
		border: 1px solid #644600;
	}
	
	.challenged_promise {
		background: #FFFFFF;
		position: relative;
		margin: 260px 0 0;
	}
	
	.challenged_promise:before {
		position: absolute;
		content: "";
		width: 60px;
		height: 100%;
		top: 0;
		left: -60px;
		z-index: 1;
		background: #FFFFFF;
	}
	
	.challenged_promise:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #FFFFFF;
	}
	
	.challenged_promise_head {
		background: #644600;
		color: #ffffff;
		padding: 40px 90px;
		transform: translate(0,-90px);
	}
	
	.challenged_promise_head h3 {
		font-size: 36px;
		color: #ffffff;
		font-weight: normal;
		margin-bottom: 90px;
	}
	
	.challenged_promise_head p {
		font-size: 15px;
		line-height: 2;
	}
	
	.challenged_promise_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.challenged_promise_box {
		width: 31%;
		margin-bottom: 60px;
		background: #F2EEE6;
		border-top: 16px solid #644600;
	}
	
	.challenged_promise_num {
		text-align: right;
	}
	
	.challenged_promise_num span {
		background: #644600;
		display: inline-block;
		padding: 2px 10px 5px;
		border-bottom-left-radius: 8px;
		color: #ffffff;
		font-size: 13px;
	}
	
	.challenged_promise_box h4 {
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		color: #644600;
		font-family: 'Noto Serif JP', serif;
		margin: 35px 0 0;
		letter-spacing: 0.02em;
	}
	
	.challenged_promise_box p {
		margin: 20px 30px 40px;
		font-size: 15px;
		line-height: 1.8;
	}
	
	.challenged_initiative {
		background: #F2EEE6;
		position: relative;
		margin: 260px 0 0;
		padding-bottom: 30px;
	}
	
	.challenged_initiative:before {
		position: absolute;
		content: "";
		width: 60px;
		height: 100%;
		top: 0;
		left: -60px;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_initiative:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_initiative_head {
		background: #644600;
		color: #ffffff;
		padding: 40px 90px;
		transform: translate(0,-90px);
	}
	
	.challenged_initiative_head h3 {
		font-size: 36px;
		color: #ffffff;
		font-weight: normal;
		margin-bottom: 90px;
	}
	
	.challenged_initiative_head p {
		font-size: 15px;
		line-height: 2;
	}
	
	.challenged_initiative_container {
	}
	
	.challenged_initiative_box {
		margin-bottom: 60px;
	}
	
	.challenged_initiative_box h4 {
		font-size: 20px;
		color: #ffffff;
		background: #644600;
		font-weight: normal;
		padding: 20px;
		margin-bottom: 25px;
	}
	
	.challenged_initiative_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	
	.challenged_initiative_text_wrap {
		display: flex;
		justify-content: space-between;
	}
	
	.challenged_initiative_text {
		width: 48%;
	}
	
	.challenged_initiative_text h5 {
		font-size: 16px;
		font-weight: 500;
		color: #644600;
		margin-bottom: 10px;
	}
	
	.challenged_initiative_box p {
		font-size: 15px;
		line-height: 2;
	}
	
	.challenged_initiative_text a {
		color: #644600;
	}
	
	.challenged_initiative_icons {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.challenged_initiative_icon {
		width: 32.8%;
		background: #ffffff;
		padding: 40px;
		border-radius: 10px;
		position: relative;
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: 500;
		color: #644600;
		text-align: center;
	}
	
	.challenged_initiative_icon img {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 1;
	}
	
	.challenged_initiative_workstyle {
		display: flex;
		justify-content: space-between;
	}
	
	.challenged_initiative_workstyle_text {
		width: 50%;
		font-size: 15px;
		line-height: 2;
	}
	
	.challenged_initiative_workstyle_link {
		width: 45%;
	}
	
	.challenged_initiative_workstyle_link a {
		display: block;
		background: #644600;
		border: 1px solid #323232;
		font-size: 16px;
		padding: 15px 10px;
		border-radius: 50px;
		text-decoration: none;
		color: #ffffff;
		text-align: center;
		transition: all 0.3s;
	}
	
	.challenged_initiative_workstyle_link a:hover {
		background: #ffffff;
		color: #644600;
	}
	
	.challenged_initiative_office {
		display: flex;
		justify-content: space-between;
	}
	
	.challenged_initiative_office_thumb {
		width: 40%;
	}
	
	.challenged_initiative_office_thumb img {
		width: 100%;
		height: auto;
	}
	
	.challenged_initiative_office_text {
		width: 55%;
		font-size: 15px;
		line-height: 2;
	}

	
	.challenged_interview {
		background: #ffffff;
		position: relative;
		margin: 260px 0 0;
		padding-bottom: 100px;
	}
	
	.challenged_interview:before {
		position: absolute;
		content: "";
		width: 60px;
		height: 100%;
		top: 0;
		left: -60px;
		z-index: 1;
		background: #ffffff;
	}
	
	.challenged_interview:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.challenged_interview_head {
		background: #644600;
		color: #ffffff;
		padding: 20px 40px;
		transform: translate(0,-40px);
		margin-bottom: 40px;
	}
	
	.challenged_interview_head h3 {
		font-size: 24px;
		color: #ffffff;
		font-weight: normal;
	}
	
	.recruitinterview_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.recruitinterview_container:after {
		content: "";
		display: block;
		width: 31.7%;
	}
	
	.recruitinterview_box {
		width: 31.7%;
		background: #F6F6F6;
		position: relative;
		margin-bottom: 35px;
	}
	
	.recruitinterview_thumb {
		position: relative;
	}
	
	.recruitinterview_thumb img {
		width: 100%;
		height: auto;
	}
	
	.recruitinterview_thumb span {
		position: absolute;
		color: #ffffff;
		padding: 0 10px 5px 10px;
		top: 0;
		right: 0;
		z-index: 1;
		border-bottom-left-radius: 8px;
	}
	
	.recruitinterview_box_jtb {
		border-top: 16px solid #FF6400;
		color: #FF6400;
	}
	
	.recruitinterview_box_jtb .recruitinterview_thumb span {
		background: #FF6400;
	}
	
	.recruitinterview_box_jtb h4 {
		border-bottom: 2px solid rgba(255,100,0,0.1);
	}
	
	.recruitinterview_box_tourism {
		border-top: 16px solid #CC0000;
		color: #CC0000;
	}
	
	.recruitinterview_box_tourism .recruitinterview_thumb span {
		background: #CC0000;
	}
	
	.recruitinterview_box_tourism h4 {
		border-bottom: 2px solid rgba(204,0,0,0.1);
	}
	
	.recruitinterview_box_areasolution {
		border-top: 16px solid #284632;
		color: #284632;
	}
	
	.recruitinterview_box_areasolution .recruitinterview_thumb span {
		background: #284632;
	}
	
	.recruitinterview_box_areasolution h4 {
		border-bottom: 2px solid rgba(40,70,50,0.1);
	}
	
	.recruitinterview_box_businesssolution {
		border-top: 16px solid #001C7B;
		color: #001C7B;
	}
	
	.recruitinterview_box_businesssolution .recruitinterview_thumb span {
		background: #001C7B;
	}
	
	.recruitinterview_box_businesssolution h4 {
		border-bottom: 2px solid rgba(0,28,123,0.1);
	}
	
	.recruitinterview_box_global {
		border-top: 16px solid #323232;
		color: #323232;
	}
	
	.recruitinterview_box_global .recruitinterview_thumb span {
		background: #323232;
	}
	
	.recruitinterview_box_global h4 {
		border-bottom: 2px solid rgba(50,50,50,0.1);
	}
	
	.recruitinterview_box_base {
		border-top: 16px solid #005064;
		color: #005064;
	}
	
	.recruitinterview_box_base .recruitinterview_thumb span {
		background: #005064;
	}
	
	.recruitinterview_box_base h4 {
		border-bottom: 2px solid rgba(0,80,100,0.1);
	}
	
	.recruitinterview_text {
		padding: 30px 30px 30px;
	}
	
	.recruitinterview_text h4 {
		text-align: center;
		font-weight: normal;
		padding-bottom: 30px;
		margin-bottom: 15px;
		min-height: 76px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.recruitinterview_text span {
		font-size: 12px;
	}
	
	.challenged_recruit {
		background: #F2EEE6;
		position: relative;
		margin: 260px 0 0;
		padding-bottom: 60px;
	}
	
	.challenged_recruit:before {
		position: absolute;
		content: "";
		width: 60px;
		height: 100%;
		top: 0;
		left: -60px;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_recruit:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_recruit_head {
		background: #644600;
		color: #ffffff;
		padding: 20px 40px;
		transform: translate(0,-40px);
		margin-bottom: 0px;
		
	}
	
	.challenged_recruit_head h3 {
		font-size: 24px;
		color: #ffffff;
		font-weight: normal;
	}
	
	.challenged_recruit_lead {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 2;
	}
	
	.challenged_recruit_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.challenged_recruit_box {
		width: 32%;
		background: #ffffff;
		padding: 16px 16px 32px;
		margin-bottom: 50px;
	}
	
	.challenged_recruit_box h4 {
		font-size: 15px;
		font-weight: normal;
		padding: 10px 10px 30px;
		position: relative;
		margin-bottom: 15px;
	}
	
	.challenged_recruit_box h4:before {
		position: absolute;
		content: "";
		width: 4px;
		height: 64px;
		top: 0;
		left: -16px;
		z-index: 1;
	}
	
	.challenged_recruit_jtb {
		color: #FF6400;
	}
	
	.challenged_recruit_jtb:before {
		background: #FF6400;
	}
	
	.challenged_recruit_jtb:hover {
		background: #FF6400;
		color: #ffffff;
	}
	
	.challenged_recruit_jtb:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_global {
		color: #323232;
	}
	
	.challenged_recruit_global:before {
		background: #323232;
	}
	
	.challenged_recruit_global:hover {
		background: #323232;
		color: #ffffff;
	}
	
	.challenged_recruit_global:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_business {
		color: #001C7B;
	}
	
	.challenged_recruit_business:before {
		background: #001C7B;
	}
	
	.challenged_recruit_business:hover {
		background: #001C7B;
		color: #ffffff;
	}
	
	.challenged_recruit_business:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_transform {
		color: #005064;
	}
	
	.challenged_recruit_transform:before {
		background: #005064;
	}
	
	.challenged_recruit_transform:hover {
		background: #005064;
		color: #ffffff;
	}
	
	.challenged_recruit_transform:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_communication {
		color: #284632;
	}
	
	.challenged_recruit_communication:before {
		background: #284632;
	}
	
	.challenged_recruit_communication:hover {
		background: #284632;
		color: #ffffff;
	}
	
	.challenged_recruit_communication:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_publishing {
		color: #284632;
	}
	
	.challenged_recruit_publishing:before {
		background: #284632;
	}
	
	.challenged_recruit_publishing:hover {
		background: #284632;
		color: #ffffff;
	}
	
	.challenged_recruit_publishing:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_ij {
		color: #005064;
	}
	
	.challenged_recruit_ij:before {
		background: #005064;
	}
	
	.challenged_recruit_ij:hover {
		background: #005064;
		color: #ffffff;
	}
	
	.challenged_recruit_ij:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_shoji {
		color: #284632;
	}
	
	.challenged_recruit_shoji:before {
		background: #284632;
	}
	
	.challenged_recruit_shoji:hover {
		background: #284632;
		color: #ffffff;
	}
	
	.challenged_recruit_shoji:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_data {
		color: #005064;
	}
	
	.challenged_recruit_data:before {
		background: #005064;
	}
	
	.challenged_recruit_data:hover {
		background: #005064;
		color: #ffffff;
	}
	
	.challenged_recruit_data:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_gaiarec,
	.challenged_recruit_tpi,
	.challenged_recruit_jga,
	.challenged_recruit_fjc,
	.challenged_recruit_jtbit,
	.challenged_recruit_travel,
	.challenged_recruit_jj,
	.challenged_recruit_ji {
		color: #CC0000;
	}
	
	.challenged_recruit_gaiarec:before,
	.challenged_recruit_tpi:before,
	.challenged_recruit_jga:before,
	.challenged_recruit_fjc:before,
	.challenged_recruit_jtbit:before,
	.challenged_recruit_travel:before,
	.challenged_recruit_jj:before,
	.challenged_recruit_ji:before {
		background: #CC0000;
	}
	
	.challenged_recruit_gaiarec:hover,
	.challenged_recruit_tpi:hover,
	.challenged_recruit_jga:hover,
	.challenged_recruit_fjc:hover,
	.challenged_recruit_jtbit:hover,
	.challenged_recruit_travel:hover,
	.challenged_recruit_jj:hover,
	.challenged_recruit_ji:hover {
		background: #CC0000;
		color: #ffffff;
	}
	
	
	.challenged_recruit_gaiarec:hover::before,
	.challenged_recruit_tpi:hover::before,
	.challenged_recruit_jga:hover::before,
	.challenged_recruit_fjc:hover::before,
	.challenged_recruit_jtbit:hover::before,
	.challenged_recruit_travel:hover::before,
	.challenged_recruit_jj:hover::before,
	.challenged_recruit_ji:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_jbi,
	.challenged_recruit_okinawa,
	.challenged_recruit_asset,
	.challenged_recruit_trading,
	.challenged_recruit_puls,
	.challenged_recruit_jtbit,
	.challenged_recruit_gfjtb {
		color: #284632;
	}
	
	.challenged_recruit_jbi:before,
	.challenged_recruit_okinawa:before,
	.challenged_recruit_asset:before,
	.challenged_recruit_trading:before,
	.challenged_recruit_puls:before,
	.challenged_recruit_jtbit:before,
	.challenged_recruit_gfjtb:before {
		background: #284632;
	}
	
	.challenged_recruit_jbi:hover,
	.challenged_recruit_okinawa:hover,
	.challenged_recruit_asset:hover,
	.challenged_recruit_trading:hover,
	.challenged_recruit_puls:hover,
	.challenged_recruit_jtbit:hover,
	.challenged_recruit_gfjtb:hover {
		background: #284632;
		color: #ffffff;
	}
	
	.challenged_recruit_jbi:hover::before,
	.challenged_recruit_okinawa:hover::before,
	.challenged_recruit_asset:hover::before,
	.challenged_recruit_trading:hover::before,
	.challenged_recruit_puls:hover::before,
	.challenged_recruit_gfjtb:hover::before {
		background: #ffffff;
	}
		
	.challenged_recruit_cd,
	.challenged_recruit_nc {
		color: #001C7B;
	}
	
	.challenged_recruit_cd:before,
	.challenged_recruit_nc:before {
		background: #001C7B;
	}
	
	.challenged_recruit_cd:hover,
	.challenged_recruit_nc:hover {
		background: #001C7B;
		color: #ffffff;
	}
	
	.challenged_recruit_cd:hover::before,
	.challenged_recruit_nc:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_asia {
		color: #323232;
	}
	
	.challenged_recruit_asia:before {
		background: #323232;
	}
	
	.challenged_recruit_asia:hover {
		background: #323232;
		color: #ffffff;
	}
	
	.challenged_recruit_asia:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_total {
		color: #005064;
	}
	
	.challenged_recruit_total:before {
		background: #005064;
	}
	
	.challenged_recruit_total:hover {
		background: #005064;
		color: #ffffff;
	}
	
	.challenged_recruit_total:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_other {
		color: #6E2814;
	}
	
	.challenged_recruit_other:before {
		background: #6E2814;
	}
	
	.challenged_recruit_other:hover {
		background: #6E2814;
		color: #ffffff;
	}
	
	.challenged_recruit_other:hover::before {
		background: #ffffff;
	}
	
	.challenged_recruit_box p {
		font-size: 15px;
		line-height: 1.8;
	}
	
	.challenged_recruit_link_container {
		display: flex;
		justify-content: center;
	}
	
	.challenged_recruit_link {
		width: 40%;
		margin: 80px 1%;
	}
	
	.challenged_recruit_link p {
		font-size: 20px;
		color: #644600;
		font-weight: 600;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.challenged_recruit_link a {
		background: #644600;
		padding: 26px 20px;
		border-radius: 100px;
		color: #ffffff;
		text-align: center;
		font-size: 17px;
		display: block;
		max-width: 560px;
		margin: 0 auto;
		font-weight: 400;
		text-decoration: none;
		border: 1px solid #644600;
		transition: all 0.3s;
	}
	
	.challenged_recruit_link a:hover {
		opacity: 0.7;
		color: #644600;
		background: #ffffff;
		border: 1px solid #644600;
	}
	
	/* @end */
	
	/* @group newgraduate */
	
	.newgraduate_container {
		padding: 80px 0;
	}
	
	.newgraduate_wrap {
		background: #F2EEE6;
		position: relative;
		padding: 70px 0 30px;
	}
	
	.newgraduate_wrap:before {
		position: absolute;
		content: "";
		width: 60px;
		height: 100%;
		top: 0;
		left: -60px;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.newgraduate_wrap:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.newgraduate_select {
		display: flex;
		position: relative;
		padding-bottom: 20px;
	}
	
	.newgraduate_select_name {
		font-size: 24px;
		width: 25%;
	}
	
	.newgraduate_select_tag {
		display: flex;
		flex-wrap: wrap;
		width: 75%;
	}
	
	.newgraduate_select_tag_box {
		width: 25%;
		margin: 0 2.33% 15px 0;
		color: #ffffff;
		text-align: center;
		padding: 5px;
		position: relative;
		background: none;
		color: #323232;
		border: 1px solid #323232;
		cursor: pointer;
	}
	
	.tag_tourism {
		color: #CC0000;
		border: 1px solid #CC0000;
	}
	
	.tag_areasolution {
		color: #284632;
		border: 1px solid #284632;
	}
	
	.tag_businesssolution {
		color: #001C7B;
		border: 1px solid #001C7B;
	}
	
	.tag_global {
		color: #323232;
		border: 1px solid #323232;
	}
	
	.tag_base {
		color: #005064;
		border: 1px solid #005064;
	}
	
	.tag_newgraduate {
		color: #323232;
		border: 1px solid #323232;
	}
	
	.tag_career {
		color: #644600;
		border: 1px solid #644600;
	}
	
	.joining_select {
		display: flex;
		position: relative;
		border-bottom: 2px solid #323232;
		padding-bottom: 20px;
	}
	
	.joining_select_name {
		font-size: 24px;
		width: 25%;
	}
	
	.joining_select_tag {
		display: flex;
		flex-wrap: wrap;
		width: 75%;
	}
	
	.joining_select_tag_box {
		width: 25%;
		margin: 0 2.33% 15px 0;
		color: #ffffff;
		text-align: center;
		padding: 5px;
		position: relative;
		background: none;
		color: #323232;
		border: 1px solid #323232;
		cursor: pointer;
	}
	
	.joining_select_tag_box.active {
		background: #323232;
		color: #ffffff;
	}
	
	.newgraduate_select_tag_box.active, .peopleindex_select_tag_box.active {
		color: #ffffff;
	}
	
	.tag_tourism.active {
		background: #CC0000;
		border: 1px solid #CC0000;
	}
	
	.tag_areasolution.active {
		background: #284632;
		border: 1px solid #284632;
	}
	
	.tag_businesssolution.active {
		background: #001C7B;
		border: 1px solid #001C7B;
	}
	
	.tag_global.active {
		background: #323232;
		border: 1px solid #323232;
	}
	
	.tag_base.active {
		background: #005064;
		border: 1px solid #005064;
	}
	
	.tag_newgraduate.active {
		background: #323232;
		border: 1px solid #323232;
	}
	
	.tag_career.active {
		background: #644600;
		border: 1px solid #644600;
	}
	
	.newgraduate_select_tag_reset {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
	}
	
	.btn_reset {
		display: inline-block;
		background: rgba(50,50,50,0.5) url("../img/challenged/tag_reset.svg") no-repeat 10px 8px;
		color: #ffffff;
		font-size: 14px;
		text-decoration: none;
		padding: 2px 5px 4px 30px;
	}
	
	.newgraduate_index {
		display: flex;
		justify-content: space-between;
		margin: 64px 0 0;
		flex-wrap: wrap;
	}
	
	.newgraduate_index:after {
		content: "";
		display: block;
		width: 32.3%;
	}
	
	.newgraduate_index_box {
		width: 32.3%;
		margin-bottom: 30px;
		transition: all 0.3s;
	}
	
	.newgraduate_index_box a {
		display: block;
		background: #ffffff;
		padding: 25px 20px 45px 25px;
		text-decoration: none;
		position: relative;
		font-size: 15px;
		transition: all 0.3s;
	}
	
	.newgraduate_index_box a:before {
		position: absolute;
		content: "";
		width: 4px;
		height: calc(100% - 30px);
		top: 15px;
		left: 0;
		z-index: 1;
	}
	
	/* @end */
	
	/* @group newinfo */
	
	.newinfo_title {
		text-align: center;
		padding: 100px 0 50px;
	}
	
	.newinfo_title h2 {
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 20px;
		font-family: 'Noto Serif JP', serif;
	}
	
	.newinfo_title p {
		text-align: center;
	}
	
	.newinfo_job {
		text-align: center;
		font-weight: 500;
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.newinfo_job_att {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.newinfo_joblist {
		
	}
	
	.newinfo_job_box {
		margin-bottom: 25px;
	}
	
	.newinfo_job_box h4 {
		font-size: 20px;
		font-weight: 500;
		background: linear-gradient(135deg, #644600 70%, #d2a000 100%);
		padding: 20px 40px 30px;
		color: #ffffff;
		position: relative;
		cursor: pointer;
	}
	
	.newinfo_job_box h4:before {
		position: absolute;
		content: "";
		width: 24px;
		height: 2px;
		background: #FFFFFF;
		top: 50%;
		right: 20px;
		z-index: 1;
	}
	
	.newinfo_job_box h4:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 24px;
		background: #FFFFFF;
		top: 50%;
		right: 31px;
		margin-top: -12px;
		z-index: 1;
	}
	
	.newinfo_job_box h4.open:after {
		display: none;
	}
	
	.newinfo_job_detail {
		background: #ffffff;
		padding: 60px 90px;
		font-size: 15px;
		display: none;
	}
	
	.newinfo_job_detail table th {
		color: #644600;
		font-weight: 600;
		width: 30%;
		border-bottom: 1px solid rgba(50,50,50,0.2);
		text-align: left;
		padding: 30px 0;
	}
	
	.newinfo_job_detail table td {
		width: 70%;
		border-bottom: 1px solid rgba(50,50,50,0.2);
		padding: 30px 0;
		line-height: 1.8;
	}
	
	.newinfo_job_detail table td .bold {
		font-weight: bold;
	}
	
	.newinfo_job_detail table td .red {
		color: #CC0000;
	}
	
	.newinfo_job_detail table td h5 {
		color: #644600;
		font-weight: 600;
	}
	
	.newinfo_job_detail table td p {
		margin-bottom: 1.5em;
	}
	
	.newinfo_job_detail table td p:last-child {
		margin-bottom: 0;
	}
	
	/* @end */
	
	/* @group peopleindex */
	
	.peopleindex_head {
		background: linear-gradient(45deg, #462864 50%, #c878be 100%);
	}
	
	.peopleindex_head .contents_inner {
		height: 220px;
		color: #ffffff;
	}
	
	.peopleindex_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.peopleindex_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.peopleindex_container {
		padding: 80px 0;
	}
	
	.peopleindex_wrap {
		background: #EDECEF;
		position: relative;
		padding: 70px 0 30px;
	}
	
	.peopleindex_wrap:before {
		position: absolute;
		content: "";
		width: 60px;
		height: 100%;
		top: 0;
		left: -60px;
		z-index: 1;
		background: #EDECEF;
	}
	
	.peopleindex_wrap:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #EDECEF;
	}
	
	.peopleindex_select {
		display: flex;
		position: relative;
		padding-bottom: 30px;
	}
	
	.peopleindex_select_name {
		font-size: 24px;
		width: 25%;
	}
	
	.peopleindex_select_tag {
		display: flex;
		flex-wrap: wrap;
		width: 75%;
	}
	
	.peopleindex_select_tag_box {
		width: 25%;
		margin: 0 2.33% 15px 0;
		text-align: center;
		padding: 5px;
		position: relative;
		cursor: pointer;
	}
	
	.peopleindex_list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 84px 0;
	}
	
	.peopleindex_list::before {
		content: "";
		display: block;
		width: 23%;
		order: 1;
	}
	
	.peopleindex_list::after {
		content: "";
		display: block;
		width: 23%;
	}
	
	.peopleindex_box {
		width: 23%;
		background: #F6F6F6;
		position: relative;
		margin-bottom: 35px;
		transition: all 0.3s;
	}
	
	/* @end */
	
	/* @group tourism */
	
	.tourism_section_title {
		position: absolute;
		top: -40px;
		left: 0px;
		z-index: 10;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		height: calc(100% + 40px);
	}
	
	.tourism_detail_container:first-child .tourism_section_title {
		top: -120px;
		height: calc(100% + 120px);
	}
	
	.tourism_section_title h2 {
		font-size: 22px;
		color: #ffffff;
		background: #005064;
		font-weight: 400;
		padding: 70px 25px 0 0;
		width: 88px;
		height: calc(100% - 40px);
		background: linear-gradient(#005064 0%, #3cc8d2 100%);
		position: relative;
	}
	
	.tourism_section_title h2:before {
		position: absolute;
		content: "";
		background: #ffffff;
		height: calc(tan(60deg) * 44px / 2);
		width: 44px;
		clip-path: polygon(0 0, 100% 100%, 0 100%);
		bottom: -1px;
		left: 0;
		z-index: 1;
	}
	
	.tourism_section_title h2:after {
		position: absolute;
		content: "";
		background: #ffffff;
		height: calc(tan(60deg) * 44px / 2);
		width: 44px;
		clip-path: polygon(100% 0, 100% 100%, 0 100%);
		bottom: -1px;
		right: 0;
		z-index: 1;
	}
	
	.tourism_detail_container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 0 30px 0;
		padding-left: 160px;
		position: relative;
	}
	
	.tourism_lead {
		position: absolute;
		top: -35px;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.tourism_lead h2 {
		font-size: 20px;
		background: #005064;
		padding: 20px;
		border-radius: 100px;
		color: #ffffff;
		text-align: center;
		font-weight: 400;
	}
	
	.tourism_solution {
		text-align: center;
		max-width: 960px;
		margin: 0 auto;
	}
	
	.tourism_solution_box {
		margin-bottom: 80px;
	}
	
	.tourism_solution_box:last-child {
		margin-bottom: 0;
	}
	
	.tourism_solution_title h3 {
		text-align: center;
		font-size: 17px;
		color: #005064;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
	.tourism_solution_wrap {
		display: flex;
		justify-content: space-between;
	}
	
	.tourism_solution_text {
		width: 60%;
		text-align: left;
		font-size: 15px;
		line-height: 2;
	}
	
	.tourism_solution_img {
		width: 35%;
	}
	
	.tourism_solution_img img {
		width: 100%;
		height: auto;
	}
	
	.tourism_point {
		display: flex;
		justify-content: space-between;
	}
	
	.tourism_point_box {
		width: 32%;
		border: 3px solid #005064;
	}
	
	.tourism_point_title {
		background: #005064;
		text-align: center;
		color: #ffffff;
	}
	
	.tourism_point_title h3 {
		font-size: 15px;
		font-weight: normal;
		font-family: 'Noto Serif JP', serif;
		padding: 12px 0;
	}
	
	.tourism_point_inner {
		padding: 25px 40px;
	}
	
	.tourism_point_text {
		font-size: 15px;
		line-height: 2;
	}
	
	.tourism_point_img {
		margin: 20px 0 0;
	}
	
	.tourism_point_img img {
		width: 100%;
		height: auto;
	}
	
	.tourism_point_text2 {
		font-size: 13px;
		margin: 20px 0 0;
	}
	
	/* @end */
	
	/* @group top message */
	
	.topmessage_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.topmessage_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.topmessage_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.topmessage_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 50px 0 0;
	}
	
	.topmessage_container {
		margin-top: 320px;
		margin-bottom: 100px;
	}
	
	.topmessage_container .contents_inner {
		background: #ffffff;
	}
	
	.topmessage_photo {
		position: absolute;
		top: -200px;
		left: -100px;
		z-index: 1;
	}
	
	.topmessage_photo img {
		width: 100%;
		height: auto;
		max-width: 1017px;
	}
	
	.topmessage_name {
		position: absolute;
		top: 100px;
		right: -45px;
		background: linear-gradient(135deg, #005064 70%, #3cc8d2 100%);
		z-index: 1;
		color: #ffffff;
	}
	
	.topmessage_name_inner {
		padding: 45px 90px 45px 45px;
	}
	
	.topmessage_name_inner h3 {
		font-size: 20px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	
	.topmessage_name_inner p {
		font-size: 14px;
	}
	
	.topmessage_text {
		max-width: 760px;
		margin: 0 auto;
		padding: 350px 0 170px;
		font-size: 15px;
		line-height: 2;
		text-align: left;
	}
	
	/* @end */
	
	/* @group digitalcrosstalk*/
	
	.digitalcrosstalk_head {
		background: url("../img/people/digitalcrosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.digitalcrosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.digitalcrosstalk_head .contents_inner {
		height: 682px;
	}
	
	.digitalcrosstalk_head_title {
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 10;
		color: #ffffff;
	}
	
	.digitalcrosstalk_head_title span {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
	}
	
	.digitalcrosstalk_head_title h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.digitalcrosstalk_head_lead {
		position: absolute;
		bottom: 100px;
		left: 0px;
		z-index: 10;
		color: #ffffff;
	}
	
	.digitalcrosstalk_head_lead h2 {
		font-size: 36px;
		font-weight: 500;
		margin-bottom: 35px;
	}
	
	.digitalcrosstalk_head_lead p {
		font-size: 17px;
		font-weight: 500;
		line-height: 2;
	}
	
	.digitalcrosstalk_head_lead span {
		font-size: 11px;
	}
	
	.digitalcrosstalk_profile {
		transform: translateY(-60px);
	}
	
	.digitalcrosstalk_profile .contents_inner {
		
	}
	
	.digitalcrosstalk_profile .contents_inner:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
		z-index: 0;
	}
	
	.digitalcrosstalk_profile_inner {
		padding: 80px 0 80px 120px;
		position: relative;
		z-index: 1;
		color: #ffffff;
		display: flex;
		justify-content: space-between;
	}
	
	.digitalcrosstalk_profile_box {
		width: 33.33%;
		padding: 5px 25px 0 20px;
		border-left: 1px solid #ffffff;
	}
	
	.digitalcrosstalk_profile_inner2 {
		justify-content: flex-start;
	}
	
	.digitalcrosstalk_profile_inner2 .digitalcrosstalk_profile_box {
		margin-right: 10%;
	}
	
	.digitalcrosstalk_profile_box h3 {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 25px;
	}
	
	.digitalcrosstalk_profile_box h3 span {
		font-size: 12px;
		font-weight: 400;
	}
	
	.digitalcrosstalk_profile_box p {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.digitalcrosstalk_profile_box dl {
		
	}
	
	.digitalcrosstalk_profile_box dl dt {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.digitalcrosstalk_profile_box dl dd {
		font-size: 14px;
		margin-bottom: 35px;
	}
	
	.digitalcrosstalk_wrap {
		margin-bottom: 200px;
	}
	
	.digitalcrosstalk_wrap3, .digitalcrosstalk_wrap4 {
		margin-bottom: 72px;
	}
	
	.digitalcrosstalk_wrap .contents_inner {
		background: #ffffff;
		padding: 90px 120px;
		position: relative;
		max-width: 1064px;
	}
	
	.digitalcrosstalk_wrap .contents_inner:before {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.digitalcrosstalk_wrap2 .contents_inner:before {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		right: auto;
		left: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.digitalcrosstalk_wrap_inner {
		position: relative;
		padding-bottom: 200px;
	}
	
	.digitalcrosstalk_wrap3 .digitalcrosstalk_wrap_inner, .digitalcrosstalk_wrap4 .digitalcrosstalk_wrap_inner {
		padding-bottom: 0;
	}
	
	.digitalcrosstalk_wrap h2 {
		font-size: 30px;
		font-weight: bold;
		color: #D21E32;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 70px;
	}
	
	.digitalcrosstalk_wrap_q {
		font-size: 16px;
		font-weight: 500;
		color: #D21E32;
		margin: 0 0 35px 100px;
	}
	
	.digitalcrosstalk_wrap_a {
		display: flex;
		justify-content: space-between;
		margin-bottom: 65px;
	}
	
	.digitalcrosstalk_wrap_thumb {
		width: 60px;
		text-align: center;
		font-size: 12px;
		color: #D21E32;
		margin: 5px 0 0;
	}
	
	.digitalcrosstalk_wrap_thumb_img img {
		width: 60px;
		height: auto;
		border: 1px solid #D21E32;
		border-radius: 10px;
		margin-bottom: 5px;
	}
	
	.digitalcrosstalk_wrap_text {
		width: calc(100% - 100px);
		font-size: 15px;
		line-height: 2;
	}
	
	.digitalcrosstalk_wrap_text_small {
		font-size: 14px;
	}
	
	.digitalcrosstalk_wrap_photo {
		position: absolute;
		width: 1020px;
		height: auto;
		bottom: -200px;
		left: 0;
		z-index: 1;
	}
	
	.digitalcrosstalk_wrap2 .digitalcrosstalk_wrap_photo {
		left: auto;
		right: 0;
	}
	
	.digitalcrosstalk_wrap_photo img {
		width: 100%;
		height: auto;
	}
	
	.digitalcrosstalk_foot_photo {
		margin-bottom: 100px;
	}
	
	.digitalcrosstalk_foot_photo img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group childcare-crosstalk */
	
	.childcare-crosstalk_head {
		background: url("../img/careerculture/childcare-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.childcare-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.childcare-crosstalk_head .contents_inner {
		height: 682px;
	}
	
	/* @end */
	
	/* @group hr-exchange-crosstalk */
	
	.hr-exchange-crosstalk_head {
		background: url("../img/careerculture/hr-exchange-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.hr-exchange-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.hr-exchange-crosstalk_head .contents_inner {
		height: 682px;
	}
	
	.hr-exchange-crosstalk_point {
		position: relative;
		z-index: 1;
		margin: 0 45px 0 120px;
		padding-bottom: 80px;
	}
	
	.hr-exchange-crosstalk_point_inner {
		border-radius: 13px;
		padding: 32px 10% 32px 23%;
		color: #ffffff;
		background: rgba(255,255,255,0.1) url("../img/careerculture/hr-exchange-crosstalk_icon.svg") no-repeat left 10% center;
	}
	
	.hr-exchange-crosstalk_point_inner h4 {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	
	.hr-exchange-crosstalk_point_inner p {
		
	}
	
	/* @end */
	
	/* @group ojt-crosstalk */
	
	.ojt-crosstalk_head {
		background: url("../img/careerculture/ojt-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.ojt-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.ojt-crosstalk_head .contents_inner {
		height: 682px;
	}
	
	.ojt-crosstalk_profile_box {
		width: 33.33%;
		padding: 5px 25px 0 20px;
		display: flex;
		position: relative;
	}
	
	.ojt-crosstalk_profile_box:before {
		content: "";
		position: absolute;
		width: 1px;
		height: calc(100% - 5px);
		background: #ffffff;
		top: 5px;
		left: 20%;
		z-index: 1;
	}
	
	.ojt-crosstalk_profile_label {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 18px;
		margin-right: 40px;
		letter-spacing: 3px;
	}
	
	.ojt-crosstalk_profile_box h3 {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 25px;
	}
	
	.ojt-crosstalk_profile_box h3 span {
		font-size: 12px;
		font-weight: 400;
	}
	
	.ojt-crosstalk_profile_box p {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.ojt-crosstalk_profile_box dl {
		
	}
	
	.ojt-crosstalk_profile_box dl dt {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.ojt-crosstalk_profile_box dl dd {
		font-size: 14px;
		margin-bottom: 35px;
	}
	
	/* @end */
	
	/* @group innovationcrosstalk*/
	
	.innovationcrosstalk_head {
		background: url("../img/people/innovationcrosstalk_main.jpg") no-repeat center center;
		background-size: cover;
		position: relative;
	}
	
	.innovationcrosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.innovationcrosstalk_head .contents_inner {
		height: 682px;
	}
	
	.innovationcrosstalk_profile_inner {
	}
	
	.innovationcrosstalk_profile_inner:after {
		content: "";
		display: block;
		width: 33.33%;
	}
	
	
	/* @end */
	
	/* @group theme talk */
	
	.themetalkindex_container {
		margin: 120px 0;
		background: #F6F6F6;
	}
	
	.themetalkindex_wrap {
		display: flex;
		justify-content: space-between;
		max-width: 1040px;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	
	.themetalkindex_box {
		width: 47%;
		position: relative;
		margin-bottom: 65px;
	}
	
	.themetalkindex_num {
		position: absolute;
		top: -15px;
		left: -10px;
		background: #462864;
		color: #ffffff;
		padding: 10px 20px;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
		z-index: 1;
	}
	
	.themetalkindex_thumb {
		margin-bottom: 15px;
		overflow: hidden;
	}
	
	.themetalkindex_thumb img {
		width: 100%;
		height: auto;
		transition: all 0.3s;
	}
	
	.themetalkindex_box:hover .themetalkindex_thumb img {
		transform: scale(1.1);
	}
	
	.themetalkindex_text {
		font-size: 16px;
		font-weight: 500;
	}
	
	/* @end */
	
	/* @group challenged-crosstalk */
	
	.challenged-crosstalk_head {
		background: url("../img/careerculture/challenged-crosstalk_main.jpg") no-repeat center center;
		background-size: cover;
		position: relative;
	}
	
	.challenged-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.challenged-crosstalk_head .contents_inner {
		height: 682px;
	}
	
	/* @end */
	
	/* @group careerrecruit */
	
	.careerrecruit_head {
		background: linear-gradient(135deg, #001C7B 50%, #00A7E1 100%);
	}
	
	.careerrecruit_head .contents_inner {
		height: 220px;
		color: #ffffff;
	}
	
	.careerrecruit_head h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.careerrecruit_head h1 {
		font-size: 30px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.careerrecruit_index_box a{
		padding: 25px 20px 25px 25px;
	}
	
	/* @end */
	
	/* @group career jtb */
	
	.careerrecruit_head_jtb h3 {
		font-size: 20px;
		font-weight: 400;
		padding: 27px 0 0;
	}
	
	.careerrecruit_head_jtb h1 {
		margin: 7px 0 0;
	}
	
	.careerjtb_lead {
		font-size: 15px;
		font-weight: 500;
		line-height: 2;
		text-align: center;
		padding: 80px 0;
	}
	
	.careerjtb_wrap {
		background: #ffffff;
		margin: 120px auto 230px;
		position: relative;
		padding-bottom: 60px;
	}
	
	.careerjtb_photo {
		transform: translate(-60px,-115px);
		margin-bottom: -115px;
	}
	
	.careerjtb_photo img {
		width: 100%;
		height: auto;
		max-width: 1030px;
	}
	
	.careerjtb_text {
		margin-left: auto;
		width: 640px;
		background: linear-gradient(120deg , #001c7b 30%, #00a7e1 100%);
		padding: 60px 70px;
		z-index: 1;
		color: #ffffff;
		min-height: 324px;
		transform: translate(0px,-265px);
		margin-bottom: -200px;
	}
	
	.careerjtb_text h2 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 20px;
		font-family: 'Noto Serif JP', serif;
	}
	
	.careerjtb_text p {
		font-size: 15px;
		line-height: 2;
	}
	
	.careerjtb_link {
		display: flex;
		justify-content: center;
	}
	
	.careerjtb_link a {
		display: block;
		background: #005AC8;
		color: #ffffff;
		text-align: center;
		font-size: 16px;
		padding: 20px;
		border-radius: 100px;
		width: 380px;
		margin: 0 35px;
		text-decoration: none;
		position: relative;
		transition: all 0.3s;
		border: 1px solid #005AC8;
	}
	
	.careerjtb_link a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 6.082px;
		height: 9.743px;
		background: url("../img/career/career_arrow.svg") no-repeat;
		background-size: 6.082px auto;
		margin-top: -5px;
	}
	
	.careerjtb_link a:hover {
		background: #ffffff;
		color: #005AC8;
	}
	
	.careerjtb_link a:hover::after {
		background: url("../img/career/career_arrow_blue.svg") no-repeat;
		background-size: 6.082px auto;
	}
	
	
	/* @end */
	
	/* @group footer */
	
	footer {
		background: url("../img/common/footer_back.png") no-repeat top center;
		background-size: cover;
		padding: 50px 0;
		position: relative;
	}
	
	.pagetop {
		position: absolute;
		bottom: 80px;
		right: 0;
		z-index: 1000;
	}
	
	footer a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.footer_head {
		display: flex;
		border-bottom: 2px solid rgba(255,255,255,0.4);
		justify-content: space-between;
		padding-bottom: 34px;
		align-items: flex-end;
	}
	
	.footer_copy {
		font-size: 20px;
		font-family: 'Noto Serif JP', serif;
		font-weight: normal;
		color: #ffffff;
		letter-spacing: 2px;
	}
	
	.footer_btn {
		display: flex;
	}
	
	.footer_nav_column {
		width: 23%;
	}
	
	.footer_btn_mypage {
		margin-right: 15px;
	}
	
	.footer_btn a {
		display: block;
		width: 122px;
		font-size: 14px;
		font-style: italic;
		font-family: 'Open Sans', sans-serif;
		border: 1px solid #ffffff;
		border-radius: 2px;
		padding: 15px 5px;
		text-align: center;
		transition: all 0.3s;
	}
	
	.footer_btn a:hover {
		background: #ffffff;
		color: #707070;
	}
	
	.footer_link {
		display: flex;
		justify-content: space-between;
		padding: 50px 0 0;
	}
	
	.footer_nav_box {
		margin-bottom: 40px;
	}
	
	.footer_nav_box h4 {
		font-size: 15px;
		font-weight: 600;
		color: #ffffff;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		padding: 0 0 5px 0;
		letter-spacing: 0.03em;
		margin-bottom: 10px;
	}
	
	.footer_nav_box ul li {
		margin-bottom: 3px;
	}
	
	.footer_nav_box ul li a {
		font-size: 12px;
		transition: all 0.3s;
	}
	
	.footer_nav_box ul li a.comingsoon {
		opacity: 0.5;
	}
	
	.footer_nav_box ul li a:hover {
		opacity: 0.7;
	}
	
	.footer_nav_box ul li a.icon_blank {
		background: url("../img/common/icon_blank.svg") no-repeat top 4px right 0;
		padding-right: 18px;
	}
	
	.footer_people {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.footer_people li {
		width: 49%;
	}
	
	.footer_bottom {
		display: flex;
		border-top: 2px solid rgba(255,255,255,0.4);
		padding-top: 20px;
	}
	
	.copyright {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		color: #ffffff;
		margin-right: 55px;
		letter-spacing: 0.03em;
	}
	
	.footer_other {
		display: flex;
	}
	
	.footer_other li {
		margin-right: 20px;
		font-size: 12px;
	}
	
	.footer_other li a {
		transition: all 0.3s;
	}
	
	.footer_other li a:hover {
		opacity: 0.7;
	}
	
	.footer_sns {
		background: #ffffff;
		padding: 10px 15px;
		display: flex;
		margin-bottom: 20px;
		width: 80%;
		justify-content: space-between;
	}
	
	.footer_sns_title {
		
	}
	
	.footer_sns_title h5 {
		font-weight: 600;
		font-size: 16px;
	}
	
	.footer_sns_title p {
		font-size: 12px;
	}
	
	.footer_sns_icons {
		display: flex;
		align-items: center;
	}
	
	.footer_sns_icons li {
		margin: 0 7px;
	}
	
	.footer_sns_link {
	}
	
	.footer_sns_link a {
		color: #323232;
		font-size: 12px;
	}
	
	.footer_sns_link a.jtbeing {
		color: #a04614;
	}
	
	/* @end */
}



@media all and (max-width: 1279px) and (min-width: 769px) {
	nav {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.contents_inner {
		padding: 0 20px;
		margin: 0 auto;
	}
	
	.fullimg {
		width: 100%;
		height: auto;
	}
	
	.pconly {
		display: none !important;
	}
	
	/* @group header */
	
	header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		transition: all 0.3s;
		background: #ffffff;
	}
	
	.header_inner {
		position: relative;
	}
	
	header.fixed .header_inner:before, header.mega .header_inner:before {
		display: none;
	}
	
	header .contents_inner {
		display: flex;
		justify-content: space-between;
		padding: 5px 15px;
	}
	
	.header_logo {
		margin-right: auto;
		font-size: 13px;
		font-style: italic;
		text-align: center;
		letter-spacing: 0.03em;
		display: flex;
		align-items: center;
	}
	
	.header_logo a {
		display: block;
		margin-right: 10px;
	}
	
	.header_logo a img {
		width: 104px;
		height: auto;
	}
	
	.header_nav {
		display: flex;
		align-items: flex-start;
		margin: 10px 0 0;
	}
	
	nav {
		display: none;
	}
	
	nav ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	nav ul li {
		margin-bottom: 8px;
		width: 38%;
	}
	
	nav ul li:nth-child(3) {
		width: 24%;
	}
	
	nav ul li a.nav_link {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #323232;
		text-decoration: none;
		padding: 2px 8px;
	}
	
	.nav_mypage {
		position: fixed;
		bottom: 0px;
		left: 0;
		width: 100%;
		z-index: 100;
	}
	
	.nav_mypage ul {
		display: flex;
		text-align: center;
		flex-wrap: wrap;
	}
	
	.nav_sub ul {
		display: flex;
	}
	
	.nav_sub ul li {
		width: 33.33%;
		text-align: center;
	}
	
	.nav_mypage ul li span {
		display: none;
	}
	
	.nav_mypage ul li:last-child, .nav_sub ul li:last-child {
		margin-bottom: 0;
	}
	
	.nav_mypage ul li:first-child {
		display: flex;
	}
	
	.nav_mypage ul li:first-child a {
		display: block;
		width: 50%;
	}
	
	.nav_mypage ul li:nth-child(1) {
		order: 1;
		width: 50%;
	}
	
	.nav_mypage ul li:nth-child(2) {
		order: 2;
		width: 50%;
	}
	
	.nav_mypage ul li a {
		text-decoration: none;
		background: linear-gradient(60deg ,#005064 40%, #3CC8D2 100%);
		display: block;
		color: #ffffff;
		padding: 7px 5px;
		font-size: 3vw;
		font-weight: 500;
		height: 34px;
	}
	
	.nav_mypage ul li:nth-child(2) a {
		background: linear-gradient(60deg ,#284632 40%, #8cb400 100%);
	}
	
	.menu-trigger, .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	
	.menu-trigger {
		position: relative;
		width: 54px;
		height: 54px;
		border: 1px solid #323232;
		border-radius: 54px;
	}
	
	.menu-trigger span {
		position: absolute;
		left: 50%;
		height: 1px;
		background-color: #323232;
		width: 20px;
		margin-left: -10px;
	}
	
	.menu-trigger span:nth-of-type(1) {
		top: 20px;
	}
	
	.menu-trigger span:nth-of-type(2) {
		top: 25px;
	}
	
	.menu-trigger span:nth-of-type(3) {
		width: 10px;
		top: 30px;
	}
	
	.nav_menu_wrap .is-open .menu-trigger span:nth-of-type(1) {
		top: 25px;
		width: 30px;
		left: calc(50% - 5px);
		right: auto;
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		transform: translateY(0px) rotate(-45deg);
	}
	
	.nav_menu_wrap .is-open .menu-trigger span:nth-of-type(2) {
		display: none;
	}
	
	.nav_menu_wrap .is-open .menu-trigger span:nth-of-type(3) {
		top: 25px;
		left: calc(50% - 5px);
		right: auto;
		width: 30px;
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg);
	}
	
	.nav_menu_wrap {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100vh;
		background: url("../img/common/menu_back.png") no-repeat;
		background-size: cover;
		color: #ffffff;
		display: none;
	}
	
	.nav_menu_link a {
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s;
	}
	
	.nav_menu_link a.comingsoon {
		opacity: 0.5;
	}
	
	.nav_menu_wrap .nav_logo {
		position: fixed;
		top: 0;
		left: 40px;
		z-index: 1001;
	}
	
	.nav_menu_wrap .nav_logo a {
		display: inline-block;
		padding: 20px 30px;
		background: #ffffff;
	}
	
	.nav_menu_wrap .nav_menu {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 1020;
	}
	
	.nav_menu_wrap .menu-trigger {
		border: 1px solid #ffffff;
	}
	
	.nav_menu_wrap .menu-trigger span:nth-of-type(1) {
		top: 37px;
		width: 37px;
		left: 34px;
		right: auto;
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		transform: translateY(0px) rotate(-45deg);
		background: #ffffff;
	}
	
	.nav_menu_wrap .menu-trigger span:nth-of-type(2) {
		display: none;
	}
	
	.nav_menu_wrap .menu-trigger span:nth-of-type(3) {
		top: 37px;
		left: 34px;
		right: auto;
		width: 37px;
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		transform: translateY(0px) rotate(45deg);
		background: #ffffff;
	}
	
	.nav_menu_inner {
		height: calc(100vh - 81px);
		margin: 81px 0 0;
		overflow: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-bottom: 100px;
	}
	
	.nav_menu_inner::-webkit-scrollbar {
		display: none;
	}
	
	.nav_menu_box {
		
	}
	
	.nav_menu_column {
		
	}
	
	.nav_menu_link {
		margin-bottom: 30px;
	}
	
	.nav_menu_link h4 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 20px;
		font-family: 'Open Sans', sans-serif;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		padding-bottom: 3px;
	}
	
	.nav_menu_link ul li {
		position: relative;
		margin-bottom: 5px;
		font-size: 12px;
	}
	
	.nav_menu_link .shadow {
		position: relative;
		display: inline-block;
		margin: 3px 0 10px;
	}
	
	.nav_menu_link .shadow:after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		border-radius: 4px;
		background: linear-gradient(#fff 0%, #676767 100%);
		mix-blend-mode: multiply;
	}
	
	.comingsoon_menu {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #ffffff;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.nav_menu_link ul li img {
		width: 100%;
		height: 100px;
		object-fit: cover;
		border-radius: 4px;
	}
	
	.nav_menu_link ul.column2 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.nav_menu_link ul.column2 li {
		width: 48%;
	}
	
	header.mega {
		background: #ffffff;
	}
	
	header.mega nav ul li a.nav_link {
		color: #000000;
	}
	
	header.mega .menu-trigger {
		height: 40px;
		border: 0;
		border-radius: 0;
	}
	
	header.mega .nav_menu {
		margin-top: 5px;
	}
	
	header.mega .menu-trigger span:nth-of-type(1) {
		top: 14px;
	}
	
	header.mega .menu-trigger span:nth-of-type(2) {
		top: 19px;
	}
	
	header.mega .menu-trigger span:nth-of-type(3) {
		top: 24px;
	}
	
	header.mega .menu-trigger span {
		background: #000;
	}
	
	.megamenu_hover {
		position: relative;
	}
	
	.megamenu {
		position: absolute;
		top: 20px;
		left: 0;
		background: #F4F4F4;
		z-index: 90;
		display: none;
	}
	
	#mega_about {
		width: 260px;
	}
	
	#mega_people {
		width: 356px;
	}
	
	#mega_career {
		width: 200px;
	}
	
	#mega_recruit {
		width: 170px;
	}
	
	.megamenu_inner {
		padding: 18px 25px;
	}
	
	.megamenu_inner ol {
		display: block;
	}
	
	.megamenu_inner ol li {
		width: 100% !important;
		margin: 0 0 5px;
		font-size: 12px;
	}
	
	.megamenu_inner ol li:last-child {
		margin-bottom: 0;
	}
	
	.megamenu_inner ol li a {
		text-decoration: none;
		transition: all 0.3s;
	}
	
	.megamenu_inner ol li a.icon_blank {
		background: url("../img/common/icon_blank_bk.svg") no-repeat top 1px right 0;
		padding-right: 18px;
	}
	
	/* @end */
	
	/* @group index */
	
	.index_mv {
		padding: 0px 0;
		margin: 81px 0;
	}
	
	.index_mv .contents_inner {
		position: relative;
		padding: 0;
	}
	
	.index_mv_video {
		text-align: right;
	}
	
	.index_mv_video video {
		width: 100%;
		height: auto;
	}
	
	.index_mv h1 {
		position: absolute;
		top: 90%;
		left: 20px;
		z-index: 10;
		font-family: 'Noto Serif JP', serif;
	}
	
	.index_mv h1 p {
		background: linear-gradient(140deg , #d21e32 50%, #e69696 100%);
		padding: 3px 5px 6px;
		line-height: 1;
		margin: 0 0 15px;
		display: inline-block;
	}
	
	.index_mv h1 span {
		display: inline-block;
		font-size: 28px;
		color: #ffffff;
		font-weight: normal;
		letter-spacing: 8px;
		margin-right: -5px;
	}
	
	.index_mv h1 p:last-child span {
		margin-right: -20px;
	}
	
	.index_bn {
		margin: 80px 20px 0;
	}
	
	.index_bn a{
		margin-top: 15px;
		display: block;
	}
	
	.index_bn img {
		width: 100%;
		height: auto;
	}
	
	.index_news {
		margin: 20px 0 0;
		padding: 8px 0px;
	}
	
	.index_news_att {
		background: linear-gradient(140deg , #d21e32 50%, #e69696 100%);
		padding: 3px 0;
		margin: 0 auto 40px;
	}
	
	.index_news_att_inner {
		background: #F6F6F6;
		padding: 10px;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		color: #CC0000;
	}
	
	.index_news_inner {
		display: flex;
		justify-content: space-between;
	}
	
	.index_news_label {
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		margin-right: 1em;
	}
	
	.index_news_list {
		width: 90%;
	}
	
	.index_news_date {
		margin-right: 10px;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
	}
	
	.index_news_title {
		font-size: 13px;
	}
	
	.notification {
		display: none;
	}
	
	.notification_inner {
	}
	
	.index_prologue {
		padding: 60px 0 50px;
	}
	
	.index_prologue .contents_inner {
		background: url("../img/top/prologue_title.svg") no-repeat top 15px right 20px;
		background-size: 14px auto;
	}
	
	.index_prologue_text {
		margin: 0 20px 0 15px;
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		line-height: 2;
	}
	
	.index_about {
		position: relative;
		padding: 30px 0 60px;
	}
	
	.index_about:before {
		position: absolute;
		content: "";
		width: 339px;
		height: 482px;
		top: 0;
		right: 0;
		background: url("../img/top/about_back.svg") no-repeat;
		background-size: cover;
		z-index: -1;
	}
	
	.index_title h2 {
		font-size: 26px;
		font-weight: normal;
		font-family: 'Open Sans', sans-serif;
		color: #ffffff;
	}
	
	.index_title h3 {
		font-size: 13px;
		font-weight: normal;
		color: #ffffff;
		margin-bottom: 20px;
	}
	
	.index_about .contents_inner {
		
	}
	
	.index_about .index_title {
		text-align: right;
	}
	
	.index_about_container {
		margin: 0 auto;
	}
	
	.index_about_atfirst {
		display: flex;
	}
	
	.index_about_right {
		
	}
	
	.index_about_box {
		position: relative;
	}
	
	.index_about_right .index_about_box {
		margin-bottom: 15px;
	}
	
	.index_about_right .index_about_box:last-child {
		margin-bottom: 0;
	}
	
	.index_about_thumb {
		position: relative;
	}
	
	.index_about_thumb:after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		border-radius: 4px;
		background: linear-gradient(#fff 0%, #676767 100%);
		mix-blend-mode: multiply;
	}
	
	.index_about_thumb img {
		width: 100%;
		height: auto;
		border-radius: 4px;
	}
	
	.index_about_text {
		position: absolute;
		bottom: 15px;
		left: 15px;
		font-size: 15px;
		color: #ffffff;
		z-index: 10;
	}
	
	.index_about_comingsoon {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(47,47,47,0.8);
		z-index: 20;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
	}
	
	.index_about_atfirst .index_about_box {
		display: flex;
	}
	
	.index_about_atfirst .index_about_thumb img, .index_about_topmessage .index_about_thumb img {
		width: 100%;
		height: 120px;
		object-fit: cover;
	}
	
	.index_about_right .index_about_thumb img {
		display: none;
	}
	
	.index_about_right {
		margin: 20px 0 30px 30px;
	}
	
	.index_about_right .index_about_text {
		position: static;
		display: block;
		font-size: 15px;
		border: 1px solid rgba(255,255,255,0.5);
		border-radius: 50px;
		padding: 10px 10px 10px 20px;
	}
	
	.index_about_topmessage {
		margin: 0px 0 0;
	}
	
	.index_person {
		padding: 0 0 80px;
	}
	
	.index_person_container {
		
	}
	
	.index_person_wrap {
		margin-bottom: 20px;
	}
	
	.index_person_wrap .index_about_thumb img, .index_flow_wrap .index_about_thumb img, .index_group .index_about_thumb img, .index_people_container .index_about_thumb img, .index_career_container .index_about_thumb img, .index_recruit_container .index_about_thumb img {
		width: 100%;
		height: 120px;
		object-fit: cover;
	}
	
	.index_group {
		position: relative;
		padding: 30px 0 40px;
	}
	
	.index_group:before {
		position: absolute;
		content: "";
		width: 338px;
		height: 131px;
		top: 0;
		left: 0;
		background: url("../img/top/group_back.svg") no-repeat;
		background-size: cover;
		z-index: -1;
	}
	
	.index_group .contents_inner {
		
	}
	
	.index_group .index_title h2 {
	}
	
	.index_people {
		position: relative;
		padding: 30px 0 100px;
	}
	
	.index_people:before {
		position: absolute;
		content: "";
		width: 339px;
		height: 400px;
		top: 0;
		right: 0;
		background: url("../img/top/people_back_sp.svg") no-repeat;
		background-size: cover;
		z-index: -1;
	}
	
	.index_people .contents_inner {
		max-width: 1080px;
	}
	
	.index_people .index_title {
		text-align: right;
	}
	
	.index_people_bottom {
		position: relative;
		margin: 30px 0 0 30px;
		padding-right: 70px;
	}
	
	.index_people_bottom h3 {
		position: absolute;
		top: 0;
		right: 0;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #ffffff;
		font-size: 18px;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
		white-space: nowrap;
		transform: rotate(180deg);
	}
	
	.index_people_bottom .index_about_box {
		max-width: 700px;
	}
	
	.index_career {
		position: relative;
		padding: 30px 0 40px;
	}
	
	.index_career:before {
		position: absolute;
		content: "";
		width: 338px;
		height: 560px;
		top: 0;
		left: 0;
		background: url("../img/top/career_back_sp.svg") no-repeat top center;
		background-size: cover;
		z-index: -1;
	}
	
	.index_career .contents_inner {
		
	}
	
	.index_career .index_title h2 {
	}
	
	.index_career_container {
		
	}
	
	.index_career_container .index_about_box {
		margin-bottom: 20px;
	}
	
	.index_career_container .index_about_box:last-child {
		
	}
	
	.index_recruit {
		margin: 50px 0;
		padding: 30px 0 40px;
		background: url("../img/top/recruit_back.svg") no-repeat top center;
		background-size: cover;
	}
	
	.index_recruit_box {
		margin-bottom: 40px;
	}
	
	.index_recruit .index_title h2 {
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.index_recruitinfo_bottom {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 30px 0 0;
	}
	
	.index_recruitinfo_box {
		margin-bottom: 15px;
	}
	
	.index_recruitinfo_box:last-child,
	.index_recruit_box:last-child {
		margin: 0px 0 0;
	}
	
	.index_recruitinfo_box a {
		color: #ffffff;
		border: 1px solid rgba(255,255,255,0.5);
		display: block;
		padding: 10px 10px;
		border-radius: 100px;
		text-decoration: none;
		text-align: center;
		font-size: 15px;
	}
	
	/* @end */
	
	/* @group common */
	
	.page_head {
		margin: 79px 0 0;
	}
	
	.recommend_wt {
		color: #ffffff;
	}
	
	.recommend {
		padding-bottom: 40px;
	}
	
	.recommend_title {
		text-align: center;
	}
	
	.recommend_title h2 {
		font-size: 20px;
		font-weight: 600;
		font-family: 'Open Sans', sans-serif;
	}
	
	.recommend_container {
		margin: 50px 0 0;
	}
	
	.recommend_box {
		margin-bottom: 30px;
		position: relative;
	}
	
	.recommend_box_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	
	.recommend_box ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.recommend_box ul li {
		margin-right: 30px;
		position: relative;
		font-size: 13px;
	}
	
	.recommend_box ul li:after {
		position: absolute;
		content: "";
		width: 7px;
		height: 7px;
		border-top: 2px solid #323232;
		border-right: 2px solid #323232;
		transform: rotate(45deg);
		top: 8px;
		right: -16px;
		z-index: 1;
	}
	
	.recommend_wt .recommend_box ul li:after {
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
	.recommend_box ul li:last-child {
		font-size: 14px;
		font-weight: 500;
	}
	
	.recommend_box ul li:last-child::after {
		display: none;
	}
	
	/* @end */
	
	/* @group people */
	
	.people_container {
		margin: 81px 0 0;
		background: #F6F6F6;
		padding: 30px 0;
	}
	
	.people_head_img {
		
	}
	
	.people_head_img img {
		width: 100%;
		height: auto;
	}
	
	.people_head_text {
		background: linear-gradient(160deg ,#462864 40%, #c878be 100%);
		color: #ffffff;
		transform: translate(20px,-30px);
	}
	
	.people_head_text_inner {
		position: relative;
		padding: 30px 20px 20px;
	}
	
	.people_head_text_en {
		position: absolute;
		top: 10px;
		right: 20px;
		z-index: 11;
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
	}
	
	.people_head_text h1 {
		font-size: 20px;
		font-weight: 600;
		color: #ffffff;
		line-height: 1.8;
		font-family: 'Noto Serif JP', serif;
		letter-spacing: 2px;
	}
	
	.people_head_text h2 {
		margin: 30px 0 0;
		font-size: 16px;
		font-weight: 400;
	}
	
	.people_head_text_inner p {
		font-size: 12px;
		line-height: 2;
	}
	
	.people_head_message {
		background: #ffffff;
		margin: 40px 0 0;
		padding: 20px;
	}
	
	.people_head_message_box {
		color: #462864;
		margin-bottom: 30px;
	}
	
	.people_head_message_box:last-child {
		margin-bottom: 0;
	}
	
	.people_head_message_box h3 {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	.people_head_message_box p {
		font-size: 14px;
		line-height: 2;
	}
	
	.people_interview {
		margin: 40px 0 0;
		background: #ffffff;
		position: relative;
		padding: 40px 0 20px;
	}
	
	.people_interview:before {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.people_interview h2 {
		font-size: 20px;
		font-weight: bold;
		color: #462864;
		font-family: 'Noto Serif JP', serif;
		line-height: 2;
		margin-bottom: 30px;
		padding-left: 5%;
	}
	
	.people_interview_box {
		margin-bottom: 80px;
		position: relative;
		z-index: 2;
	}
	
	.people_interview_text {
		padding: 0 5%;
	}
	
	.people_interview_photo {
		
	}
	
	.people_interview_photo img {
		width: calc(100% + 60px);
		height: auto;
	}
	
	.people_interview_text h3 {
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		position: relative;
		padding-left: 40px;
		margin-bottom: 20px;
	}
	
	.people_interview_text h3:before {
		content: "";
		position: absolute;
		top: 15px;
		left: 0;
		width: 25px;
		height: 2px;
		background: #462864;
	}
	
	.people_interview_text {
		font-size: 15px;
		line-height: 2;
		margin-bottom: 20px;
	}
	
	.people_interview_box2 .people_interview_text {
		
	}
	
	.people_interview_box2 .people_interview_photo {
		transform: translateX(-60px);
	}
	
	.people_interview_box2 .people_interview_photo img {
		
	}
	
	.people_interview2 {
		margin-top: 120px;
	}
	
	.people_interview_head_photo {
		margin: 0 5%;
		transform: translateY(-100px);
		margin-bottom: -60px;
	}
	
	.people_interview_head_photo img {
		width: calc(100% + 5%);
		height: auto;
	}
	
	.people_bottom {
		margin: 60px 0;
		color: #462864;
	}
	
	.people_bottom h4 {
		background: #462864;
		color: #ffffff;
		font-weight: 500;
		padding: 5px;
		text-align: center;
		margin-bottom: 15px;
	}
	
	.people_bottom_1day, .people_bottom_off, .people_bottom_career {
		margin-bottom: 30px;
	}
	
	.people_bottom_1day_table {
		border-top: 1px dotted rgba(70,40,100,0.4);
	}
	
	.people_bottom_1day_table_row {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px dotted rgba(70,40,100,0.4);
		padding: 10px 0;
	}
	
	.people_bottom_1day_table_time {
		width: 20%;
		font-size: 14px;
		font-weight: 600;
		font-family: 'Open Sans', sans-serif;
	}
	
	.people_bottom_1day_table_text {
		width: 80%;
		font-size: 13px;
		line-height: 2;
	}
	
	.people_bottom_1day_table_att {
		padding: 10px 0;
		font-size: 13px;
		line-height: 2;
	}
	
	.people_bottom_off_text {
		line-height: 2;
	}
	
	.people_bottom_off_photo {
		margin: 20px 0 0;
	}
	
	.people_bottom_off_photo img {
		width: 100%;
		height: auto;
	}
	
	.people_backindex {
		text-align: center;
	}
	
	.people_backindex a {
		font-size: 15px;
		color: #ffffff;
		max-width: 548px;
		padding: 12px 10px;
		display: block;
		background: linear-gradient(45deg, #462864 0%, #c576bc 100%);
		margin: 0 auto;
		text-decoration: none;
		border-radius: 100px;
		transition: all 0.3s;
	}
	
	/* @end */
	
	/* @group about */
	
	.about_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.about_head_inner {
		height: 300px;
		background: url("../img/about/about_main.png") no-repeat top center;
		background-size: auto 300px;
		color: #ffffff;
	}
	
	.about_head_inner h2 {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	.about_head_inner .contents_inner {
		padding-top: 180px;
	}
	
	.about_head_inner h1 {
		font-size: 20px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.about_lead {
		padding: 30px 0 80px;
		background: #F6F6F6;
	}
	
	.about_lead h2 {
		font-size: 24px;
		font-weight: bold;
		color: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		margin-bottom: 30px;
		text-align: center;
	}
	
	.about_map img {
		width: 100%;
		height: auto;
	}
	
	.about_lead_text {
		margin: 20px 0 40px;
		color: #005064;
		font-size: 14px;
		line-height: 2;
	}
	
	.about_solution {
		background: rgba(235,235,235,0.77);
		padding-bottom: 50px;
	}
	
	.about_solution_title {
		background: linear-gradient(90deg, #005064 0%, #3cc8d2 100%);
		padding: 30px 20px;
		transform: translateY(-60px);
		margin-bottom: -60px;
	}
	
	.about_solution_title h2 {
		font-size: 18px;
		font-weight: 400;
		color: #FFFFFF;
	}
	
	.about_solution_container {
		margin: 40px 0px 0;
	}
	
	.about_solution_box {
		margin-bottom: 50px;
	}
	
	.about_solution_box_title img {
		max-width: 100%;
		height: auto;
	}
	
	.about_solution_box_text {
		font-size: 15px;
		line-height: 2;
		margin: 20px 0;
	}
	
	.about_solution_box_thumb img {
		width: 100%;
		height: auto;
	}
	
	.about_earth {
		padding: 80px 0;
		text-align: center;
		background: url("../img/about/about_earth.png") no-repeat top40px center;
		background-size: 750px auto;
	}
	
	.about_earth_title h2 {
		text-align: center;
		color: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		font-size: 24px;
		position: relative;
		margin-bottom: 60px;
	}
	
	.about_earth_title h2:after {
		position: absolute;
		content: "";
		width: 53px;
		height: 1px;
		background: #0A0A0A;
		bottom: -30px;
		left: 50%;
		z-index: 1;
		margin-left: -26px;
	}
	
	.about_earth_lead {
		font-size: 14px;
		font-weight: 500;
		line-height: 2;
	}
	
	.about_earth_container {
		margin: 66px 0 0;
	}
	
	.about_earth_box {
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 4px;
	}
	
	.about_earth_box h3 {
		position: relative;
		z-index: 1;
		color: #ffffff;
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		font-size: 15px;
		padding: 15px 0;
	}
	
	.about_earth_box:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #005064;
		mix-blend-mode: multiply;
		z-index: 0;
	}
	
	.about_earth_num {
		background: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1;
		margin: 0 4px;
		padding: 30px 0;
	}
	
	.about_earth_text {
		font-size: 18px;
		color: #005064;
		line-height: 1.2;
	}
	
	.about_earth_text span {
		font-size: 28px;
		font-weight: 500;
	}
	
	.about_earth_text_sub {
		margin: 15px 0 0;
		font-weight: 500;
		color: #323232;
	}
	
	.about_earth_text_line {
		border-bottom: 1px solid #005064;
		margin: 10px 0;
	}
	
	
	.about_earth_att {
		text-align: right;
		margin: 20px 0 0;
	}
	
	/* @end */
	
	/* @group solution */
	
	.solution_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.solution_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.solution_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.solution_head h3 {
		margin: 25px 0 0;
		font-size: 18px;
		font-weight: 500;
	}
	
	.solution_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.solution_lead {
		padding: 40px 0 30px;
		background: #F6F6F6;
	}
	
	.solution_lead .contents_inner {
		max-width: 1050px;
	}
	
	.solution_lead h2 {
		font-size: 24px;
		font-weight: bold;
		color: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		margin: 0 0 0 15px;
	}
	
	.solution_lead_text {
		color: #005064;
		font-size: 14px;
		line-height: 2;
		margin: 20px 0 0 15px;
	}
	
	.solution_lead_photo {
		width: 100%;
		margin: 30px 0 0;
	}
	
	.solution_lead_photo img {
		width: 100%;
		height: auto;
	}
	
	.solution_head_en {
		font-size: 40px;
		font-weight: bold;
		color: rgba(0,80,100,0.1);
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: 0;
		left: -5px;
		z-index: 10;
		line-height: 1;
		white-space: nowrap;
	}
	
	.solution_section {
		padding: 60px 0;
	}
	
	.solution_section .contents_inner {
		max-width: 1050px;
		background: #ffffff;
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.solution_section .contents_inner:before {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: -1;
		background: #ffffff;
	}
	
	.solution_section .contents_inner:after {
		position: absolute;
		content: "";
		width: 75px;
		height: 100%;
		top: 0;
		right: -75px;
		z-index: -1;
		background: #ffffff;
	}
	
	.solution_section_right .contents_inner:before {
		right: auto;
		left: 100%;
		background: #ffffff;
	}
	
	.solution_section_right .contents_inner:after {
		left: -75px;
		right: auto;
	}
	
	.solution_section_title {
		position: absolute;
		top: -70px;
		left: 10px;
		z-index: 10;
		white-space: nowrap;
	}
	
	.solution_section_title h3 {
		font-size: 13px;
		color: #005064;
		font-weight: normal;
		border: 1px solid #005064;
		padding: 10px 6px;
		background: #ffffff;
		margin-bottom: 5px;
		display: inline-block;
	}
	
	.solution_section_title h2 {
		font-size: 20px;
		color: #ffffff;
		background: #005064;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
		padding: 10px 6px;
	}
	
	.solution_detail_container {
		
	}
	
	.solution_detail_box_half {
		margin-bottom: 40px;
	}
	
	.solution_detail_title {
		margin-bottom: 20px;
		color: #005064;
	}
	
	.solution_detail_title h4 {
		font-size: 13px;
		line-height: 2;
		font-weight: normal;
		margin-bottom: 5px;
	}
	
	.solution_detail_title h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 0;
	}
	
	.solution_detail_text {
		margin: 10px 0 30px;
		font-size: 14px;
		line-height: 2;
	}
	
	.solution_ticket img, .solution_thumb img {
		width: 100%;
		height: auto;
	}
	
	.solution_ticket {
		position: relative;
	}
	
	.solution_ticket .solution_ticket_sub {
		position: absolute;
		bottom: -13px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 1;
	}
	
	.solution_ticket span {
		display: inline-block;
		background: #005064;
		color: #ffffff;
		width: 164px;
		padding: 3px;
		border-radius: 30px;
	}
	
	.solution_ticket_platform {
		position: relative;
		margin: 60px 0 0;
	}
	
	.solution_ticket_platform sup {
		font-size: 10px;
		vertical-align: top;
	}
	
	.solution_ticket_platform:before {
		content: "";
		position: absolute;
		width: 13px;
		height: 18px;
		top: -30px;
		left: 50%;
		background: url("../img/about/areasolution_arrow.svg") no-repeat;
		background-size: 13px auto;
		z-index: 1;
	}
	
	.solution_ticket_platform {
		border: 1px solid #005064;
		padding: 10px 15px;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		color: #005064;
	}
	
	.solution_detail_box_full {
		width: 100%;
	}
	
	.solution_nikkomaas_title {
		margin-top: 25px;
		color: #005064;
	}
	
	.solution_nikkomaas_title h4 {
		font-size: 13px;
		font-weight: 500;
	}
	
	.solution_nikkomaas_title h3 {
		font-size: 24px;
		font-weight: 500;
		margin: 20px 0 0;
	}
	
	.solution_nikkomaas_container {
		
	}
	
	.solution_nikkomaas_text {
		font-size: 14px;
		line-height: 2;
		margin: 20px 0;
	}
	
	.solution_nikkomaas_img {
		
	}
	
	.solution_nikkomaas_img img {
		width: 100%;
		height: auto;
	}
	
	.solution_produce_container {
		margin: 0px 0 0;
	}
	
	.solution_produce_text {
		
	}
	
	.solution_produce_container .solution_thumb {
		
	}
	
	.solution_development_text {
		
	}
	
	.solution_development_img {
		
	}
	
	.solution_development_img img {
		width: 100%;
		height: auto;
	}
	
	.solution_project_container h4 {
		font-size: 13px;
		font-weight: 500;
		margin: 30px 0 0;
	}
	
	.solution_project_container h3 {
		font-size: 24px;
		font-weight: 500;
	}
	
	.solution_project_img {
		margin: 20px 0 0;
	}
	
	.solution_project_outline {
		
	}
	
	.solution_project_outline img {
		width: 100%;
		height: auto;
	}
	
	.solution_project_thumb {
		margin: 20px 0 0;
	}
	
	.solution_project_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}
	
	.solution_business_list {
		margin-bottom: 20px;
	}
	
	.solution_business_list li {
		display: block;
		background: rgba(0,80,100,0.2);
		padding: 10px 5px;
		font-size: 15px;
		color: #005064;
		text-align: center;
		margin-bottom: 8px;
		border-radius: 4px;
	}
	
	.solution_detail_box_half_b2 {
		
	}
	
	.solution_willcanvas {
		text-align: center;
	}
	
	.solution_willcanvas img {
		max-width: 100%;
		height: auto;
	}
	
	.solution_willcanvas_logo {
		margin-bottom: 20px;
	}
	
	.solution_jtb_logo {
		min-height: 48px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	/* @end */
	
	/* @group career */
	
	.career_head {
		background: url("../img/careerculture/career_main.jpg") no-repeat bottom center;
		background-size: cover;
		position: relative;
	}
	
	.career_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.career_head .contents_inner {
		height: 350px;
	}
	
	.career_head_title {
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 10;
		color: #ffffff;
	}
	
	.career_head_title span {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
	}
	
	.career_head_title h1 {
		font-size: 20px;
		font-weight: 500;
		margin: 5px 0 0;
	}
	
	.career_head_lead {
		position: absolute;
		bottom: 20px;
		left: 15px;
		z-index: 10;
		color: #ffffff;
	}
	
	.career_head_lead span {
		display: inline-block;
		background: linear-gradient(90deg,#c00 0%, #eb5514 64.53%, #ffb900 100%);
		font-family: 'Noto Serif JP', serif;
		font-weight: normal;
		font-size: 24px;
		padding: 1px 10px 5px;
		margin-bottom: 8px;
	}
	
	.career_head_lead span:last-child {
		margin-bottom: 0;
	}
	
	.career_university, .career_challenge, .career_system {
		margin: 100px 0;
	}
	
	.career_university .contents_inner, .career_challenge .contents_inner, .career_system .contents_inner {
		background: rgba(70,40,100,0.05);
		padding-bottom: 50px;
	}
	
	.career_challenge .contents_inner {
		background: rgba(0,80,100,0.05);
	}
	
	.career_system .contents_inner {
		background: rgba(150,0,60,0.05);
	}
	
	.career_university .contents_inner:before, .career_challenge .contents_inner:before, .career_system .contents_inner:before {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: -1;
		background: rgba(70,40,100,0.05);
	}
	
	.career_challenge .contents_inner:before {
		background: rgba(0,80,100,0.05);
	}
	
	.career_system .contents_inner:before {
		background: rgba(150,0,60,0.05);
	}
	
	.career_university .contents_inner:after, .career_challenge .contents_inner:after, .career_system .contents_inner:after {
		position: absolute;
		content: "";
		width: 75px;
		height: 100%;
		top: 0;
		left: -75px;
		z-index: -1;
		background: rgba(70,40,100,0.05);
	}
	
	.career_challenge .contents_inner:after {
		background: rgba(0,80,100,0.05);
	}
	
	.career_system .contents_inner:after {
		background: rgba(150,0,60,0.05);
	}
	
	.career_university_head, .career_challenge_head, .career_system_head {
		background: #462864;
		padding: 20px 0 30px;
		color: #ffffff;
		transform: translateY(-40px);
		position: relative;
	}
	
	.career_challenge_head {
		background: #005064;
	}
	
	.career_system_head {
		background: #96003C;
		margin-bottom: -90px;
	}
	
	.career_university_head:after, .career_challenge_head:after, .career_system_head:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #462864;
	}
	
	.career_challenge_head:after {
		background: #005064;
	}
	
	.career_system_head:after {
		background: #96003C;
	}
	
	.career_university_head_inner, .career_challenge_head_inner, .career_system_head_inner {
		margin: 0 0 0 10%;
	}
	
	.career_university_head_inner h3, .career_challenge_head_inner h3, .career_system_head_inner h3 {
		font-size: 14px;
		font-weight: 500;
	}
	
	.career_university_head_inner h2, .career_challenge_head_inner h2, .career_system_head_inner h2 {
		font-size: 24px;
		font-weight: 500;
	}
	
	.career_university_head_inner p, .career_challenge_head_inner p, .career_system_head_inner p {
		margin: 30px 0 0;
		font-size: 13px;
		line-height: 2;
	}
	
	.career_university_head h4 {
		margin: 30px 0 15px;
		font-size: 15px;
		border-bottom: 1px solid #FFFFFF;
		padding-bottom: 15px;
	}
	
	.career_university_head ol {
		font-size: 14px;
	}
	
	.career_university_head ol li {
		margin-bottom: 10px;
		list-style-type: decimal;
		margin-left: 1.5em;
	}
	
	.career_university_box, .career_challenge_box, .career_system_box {
		margin-bottom: 40px;
	}
	
	.career_university_box h3, .career_challenge_box h3, .career_system_box h3 {
		background: #462864;
		color: #ffffff;
		font-size: 18px;
		font-weight: 500;
		padding: 15px;
		display: flex;
		align-items: center;
	}
	
	.career_challenge_box h3 {
		background: #005064;
	}
	
	.career_university_box h3 span, .career_challenge_box h3 span {
		margin-left: 20px;
		font-size: 13px;
	}
	
	.career_university_box_inner, .career_challenge_box_inner {
		margin: 20px 0 20px 0px;
	}
	
	.career_university_box_inner h4, .career_challenge_box_inner h4 {
		font-size: 16px;
		font-weight: 400;
		color: #462864;
		margin-bottom: 20px;
	}
	
	.career_challenge_box_inner h4 {
		color: #005064;
	}
	
	.career_university_wrap, .career_challenge_wrap {
		
	}
	
	.career_university_textarea, .career_challenge_textarea {
		
	}
	
	.career_university_thumb, .career_challenge_thumb {
		
	}
	
	.career_university_thumb img, .career_challenge_thumb img {
		width: 100%;
		height: auto;
	}
	
	.career_university_textarea dl dt, .career_challenge_textarea dl dt {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	
	.career_university_textarea dl dd, .career_challenge_textarea dl dd {
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.career_nextrendar_thumb {
		background: #ffffff;
		padding: 50px;
		display: flex;
		align-items: center;
	}
	
	.career_nextrendar_thumb img {
		width: 100%;
		height: auto;
	}
	
	.career_challenge_textarea_link {
		color: #005064;
	}
	
	.career_university_voice {
		text-align: center;
		margin-bottom: 50px;
	}
	
	.career_university_voice h4 {
		font-size: 15px;
		font-weight: 600;
		color: #462864;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 20px;
	}
	
	.career_university_voice h3 {
		font-size: 20px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 30px;
	}
	
	.career_system_voice h4, .career_system_voice h3 {
		color: #96003C;
	}
	
	.career_university_voice_container {
		margin: 0 20px;
	}
	
	.career_university_voice_box {
		text-align: left;
		margin-bottom: 30px;
	}
	
	.career_system_voice_label {
		display: block;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		color: #96003C;
		margin-bottom: 40px;
	}
	
	.career_university_voice_label {
		display: block;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 40px;
	}
	
	.career_university_voice_head {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	
	.career_university_voice_thumb {
		width: 30%;
	}
	
	.career_university_voice_thumb img {
		width: 100%;
		height: auto;
		border-radius: 100%;
	}
	
	.career_university_voice_name {
		width: 65%;
	}
	
	.career_university_voice_name h5 {
		font-size: 16px;
		font-weight: 500;
		color: #323232;
		margin-bottom: 15px;
	}
	
	.career_university_voice_name p {
		font-size: 12px;
		line-height: 2;
	}
	
	.career_university_voice_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.career_university_training {
		
	}
	
	.career_university_training_box {
		margin-bottom: 30px;
	}
	
	.career_university_training_box h4 {
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 10px;
	}
	
	.career_university_training_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.career_system_flow {
		margin: 65px auto 80px;
		max-width: 840px;
	}
	
	.career_system_flow_01 {
		border: 1px solid #96003C;
		padding: 10px;
		font-size: 16px;
		font-weight: 500;
		color: #96003C;
		text-align: center;
		background: #ffffff;
		margin-bottom: 20px;
		position: relative;
	}
	
	.career_system_flow_01:before, .career_system_flow_02:before {
		position: absolute;
		content: "";
		width: 1px;
		height: 20px;
		bottom: -21px;
		left: 25%;
		z-index: 1;
		background: #96003C;
	}
	
	.career_system_flow_01:after, .career_system_flow_02:after {
		position: absolute;
		content: "";
		width: 1px;
		height: 20px;
		bottom: -21px;
		left: 75%;
		z-index: 1;
		background: #96003C;
	}
	
	.career_system_flow_02 {
		border: 1px solid #96003C;
		padding: 10px;
		font-size: 14px;
		font-weight: 500;
		color: #96003C;
		text-align: center;
		background: #ffffff;
		position: relative;
		margin-bottom: 20px;
	}
	
	.career_system_flow_03 {
		display: flex;
		justify-content: space-between;
	}
	
	.career_system_flow_03_box {
		width: 49%;
		border: 1px solid #96003C;
		padding: 10px;
		background: #ffffff;
		text-align: center;
		color: #96003C;
	}
	
	.career_system_flow_03_box h5 {
		font-size: 13px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	
	.career_system_flow_03_box h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	.career_system_flow_03_box p {
		font-size: 13px;
		line-height: 2;
		text-align: left;
	}
	
	.career_university_list {
		margin: 0 0 40px 0px;
	}
	
	.career_university_list h5 {
		background: #ffffff;
		font-size: 15px;
		font-weight: 500;
		color: #462864;
		padding: 10px 20px;
		border-radius: 50px;
	}
	
	.career_university_list p {
		margin: 20px 0px 0 0px;
		font-size: 14px;
		line-height: 2;
	}
	
	.career_university_list_img {
		margin: 20px 0px 40px 0px;
	}
	
	.career_university_list_img img {
		width: 100%;
		height: auto;
	}
	
	.career_university_list_lead {
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		margin: 20px 0px 20px 0px;
	}
	
	.career_university_list_lead span {
		font-size: 12px;
	}
	
	.career_nextender_lead {
		font-size: 15px;
		color: #005064;
		line-height: 1.8;
		margin: 0 15px 0;
	}
	
	.career_nextender_container {
		margin: 20px 15px;
	}
	
	.career_nextender_box {
		margin-bottom: 40px;
	}
	
	.career_nextender_title {
		margin-bottom: 20px;
	}
	
	.career_nextender_title img {
		width: 100%;
		height: auto;
		margin-left: -10px;
	}
	
	.career_nextender_text {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 30px;
	}
	
	.career_nextender_logo {
		text-align: center;
	}
	
	.career_nextender_logo img {
		max-width: 100%;
		height: auto;
	}
	
	.career_nextender_link {
		font-size: 14px;
		line-height: 2;
		margin-top: 30px;
	}
	
	.career_nextender_link {
		text-align: center;
	}
	
	.career_nextender_link a {
		transition: all 0.3s;
		display: inline-block;
		background: #005064 url("../img/common/icon_blank.svg") no-repeat right 20px center;
		border-radius: 50px;
		color: #ffffff;
		text-decoration: none;
		padding: 5px 40px 5px 20px;
		font-size: 13px;
	}
	
	.career_nextender_staff {
		margin: 100px 15px 0;
		display: flex;
		flex-direction: column;
	}
	
	.career_nextender_staff_thumb {
		text-align: center;
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
		order: 2;
	}
	
	.career_nextender_staff_thumb_img {
		width: 30%;
	}
	
	.career_nextender_staff_name {
		width: 65%;
		text-align: left;
	}
	
	.career_nextender_staff_thumb_img img {
		width: 100%;
		height: auto;
		max-width: 180px;
		border-radius: 100%;
		margin-bottom: 10px;
	}
	
	.career_nextender_staff_thumb h4 {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	.career_nextender_staff_thumb p {
		font-size: 12px;
	}
	
	.career_nextender_staff_textarea {
		order: 1;
		margin-bottom: 30px;
	}
	
	.career_nextender_staff_title {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	
	.career_nextender_staff_title h5 {
		font-size: 20px;
		font-weight: normal;
		color: #005064;
		order: 2;
		width: 100%;
	}
	
	.career_nextender_staff_title span {
		order: 1;
		font-size: 20px;
		font-weight: 600;
		color: #005064;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	
	.career_nextender_staff_text {
		font-size: 14px;
		line-height: 2;
	}
	
	/* @end */
	
	/* @group workstyle */
	
	.workstyle_head {
		background: url("../img/careerculture/workstyle_main.jpg") no-repeat bottom center;
		background-size: cover;
		position: relative;
	}
	
	.workstyle_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.workstyle_head .contents_inner {
		height: 350px;
	}
	
	.career_workstyle {
		padding: 50px 0;
	}
	
	.career_workstyle_head {
		max-width: 760px;
		text-align: center;
		font-size: 15px;
		font-weight: 500;
		line-height: 2;
		text-align: left;
		margin: 0 auto;
	}
	
	.career_workstyle_head_small {
		font-size: 12px;
	}
	
	.career_workstyle_box {
		background: #ffffff;
		padding: 60px 0px;
		margin: 80px 0 30px;
	}
	
	.career_workstyle_box h2 {
		margin: 0 15px;
		background: #462864;
		color: #ffffff;
		text-align: center;
		padding: 10px;
		font-size: 16px;
		font-weight: 500;
		transform: translateY(-82px);
		border-radius: 100px;
		margin-bottom: -82px;
	}
	
	.career_workstyle_box_lifeevent h2 {
		background: #005064;
	}
	
	.career_workstyle_box_glow h2 {
		background: #96003C;
	}
	
	.career_workstyle_box_inner {
		margin: 40px 15px 0;
	}
	
	.career_workstyle_point {
		
	}
	
	.career_workstyle_point_box {
		margin-bottom: 30px;
	}
	
	.career_workstyle_point_box span {
		display: block;
		font-size: 13px;
		font-weight: 500;
		color: #462864;
		text-align: center;
		margin-bottom: 5px;
	}
	
	.career_workstyle_point_box h3 {
		font-size: 16px;
		font-weight: 500;
		color: #462864;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_point_box span {
		color: #005064;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_point_box h3 {
		color: #005064;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_voice_text span {
		color: #005064;
	}
	
	.career_workstyle_box_lifeevent .career_workstyle_voice_text h4 {
		color: #005064;
	}
	
	.career_workstyle_box_glow .career_workstyle_point_box span {
		color: #96003C;
	}
	
	.career_workstyle_box_glow .career_workstyle_point_box h3 {
		color: #96003C;
	}
	
	.career_workstyle_box_glow .career_workstyle_voice_text span {
		color: #96003C;
	}
	
	.career_workstyle_box_glow .career_workstyle_voice_text h4 {
		color: #96003C;
	}
	
	.career_workstyle_point_box p {
		font-size: 14px;
		line-height: 2;
	}
	
	.career_workstyle_voice {
		margin: 80px 0 0;
	}
	
	.career_workstyle_voice_thumb {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.career_workstyle_voice_thumb img {
		width: 100%;
		max-width: 180px;
		height: auto;
		border-radius: 180px;
		margin-bottom: 10px;
	}
	
	.career_workstyle_voice_thumb h3 {
		font-size: 14px;
		font-weight: 500;
	}
	
	.career_workstyle_voice_thumb p {
		font-size: 12px;
		line-height: 2;
	}
	
	.career_workstyle_voice_text {
		position: relative;
		text-align: center;
	}
	
	.career_workstyle_voice_text span {
		font-size: 14px;
		font-weight: 600;
		color: #462864;
	}
	
	.career_workstyle_voice_text h4 {
		font-size: 18px;
		font-weight: 500;
		color: #462864;
		margin-bottom: 15px;
	}
	
	.career_workstyle_voice_text p {
		font-size: 14px;
		line-height: 2;
	}
	
	/* @end */
	
	/* @group deib */
	
	.deib_body {
		position: relative;
	}
	
	.deib_body:before {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -2;
		background: url("../img/careerculture/deib_back.png") no-repeat;
		background-size: cover;
	}
	
	.deib_body:after {
		content: "";
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: rgba(50,50,50,0.2);
	}
	
	.deib_head {
		position: relative;
	}
	
	.deib_head .contents_inner {
		height: 350px;
	}
	
	.deib_lead {
		padding-top: 40px;
	}
	
	.deib_lead_text {
		text-align: center;
		color: #ffffff;
		background: linear-gradient(135deg,#c00 0%, #eb5514 64.53%, #ffb900 100%);
		padding: 30px 15px;
	}
	
	.deib_lead_text h2 {
		font-size: 24px;
		font-family: 'Noto Serif JP', serif;
		font-weight: 600;
	}
	
	.deib_lead_text p {
		max-width: 760px;
		margin: 20px auto 0;
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}
	
	.deib_lead_container {
		margin: 80px 0px 0;
	}
	
	.deib_lead_box {
		background: rgba(255,255,255,0.95);
		padding: 40px 15px 15px;
		position: relative;
		margin-bottom: 30px;
	}
	
	.deib_lead_icon {
		position: absolute;
		font-size: 50px;
		font-weight: 600;
		color: #CC0000;
		font-family: 'Open Sans', sans-serif;
		top: -25px;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 1;
		z-index: 1;
	}
	
	.deib_lead_en {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 10px;
		text-align: center;
		display: block;
	}
	
	.deib_lead_box h3 {
		font-size: 20px;
		color: #CC0000;
		font-weight: 600;
		margin-bottom: 20px;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
	}
	
	.deib_lead_box_text {
		text-align: center;
		font-size: 13px;
		font-weight: 600;
		line-height: 2;
		color: #323232;
		margin-bottom: 20px;
	}
	
	.deib_lead_box_text2 {
		text-align: left;
		font-size: 14px;
		line-height: 2;
		color: #323232;
		margin: 0 15px;
	}
	
	.deib_outline {
		background: rgba(255,255,255,0.95);
		margin: 40px 0;
		padding: 30px 15px 30px;
	}
	
	.deib_outline_thumb {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.deib_outline_thumb img {
		width: 100%;
		height: auto;
		border-radius: 100%;
		max-width: 180px;
		margin-bottom: 20px;
	}
	
	.deib_outline_thumb h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 15px;
	}
	
	.deib_outline_thumb_text {
		font-size: 13px;
		line-height: 2;
	}
	
	.deib_outline_textarea {
		position: relative;
	}
	
	.deib_outline_textarea_label {
		margin-bottom: 10px;
		display: inline-block;
	}
	
	.deib_outline_textarea h2 {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	
	.deib_outline_textarea_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.deib_outline_textarea_link {
		margin: 10px 0 0;
	}
	
	.deib_outline_textarea_link a {
		color: #CC0000;
	}
	
	.deib_5point {
		background: rgba(255,255,255,0.95);
		margin: 40px 0;
		padding: 30px 15px;
	}
	
	.deib_5point h2 {
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		font-family: 'Noto Serif JP', serif;
	}
	
	.deib_5point_lead {
		margin: 30px auto;
		max-width: 840px;
		font-size: 15px;
		line-height: 2;
		font-weight: 500;
	}
	
	.deib_5point_box {
		background: #ffffff;
		padding: 20px;
		margin: 30px 0 0;
	}
	
	.deib_5point_box h3 {
		font-size: 22px;
		font-weight: 600;
		color: #CC0000;
		border-bottom: 2px solid #CC0000;
		padding-bottom: 10px;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 10px;
	}
	
	.deib_5point_box_wrap {
		position: relative;
	}
	
	.deib_5point_box_text {
		font-size: 15px;
		line-height: 2;
		margin-bottom: 20px;
	}
	
	.deib_5point_box_text img.deib_workstyle_img {
		max-width: 100%;
		height: auto;
		margin: 20px 0;
	}
	
	.deib_5point_goal01 {
		margin-bottom: 30px;
	}
	
	.deib_5point_goal02 {
		position: relative;
		margin-bottom: 30px;
	}
	
	.deib_5point_goal01 .deib_5point_box_text, .deib_5point_goal02 .deib_5point_box_text {
		
	}
	
	.deib_5point_goal {
		
	}
	
	.deib_5point_goal02 .deib_5point_goal {
		
	}
	
	.deib_5point_goal_box {
		background: #CC0000;
		border-radius: 6px;
		padding: 10px;
		color: #ffffff;
		margin-bottom: 20px;
	}
	
	.deib_5point_goal_box h4 {
		font-size: 14px;
		border-bottom: 1px solid #ffffff;
		padding: 0 0 5px 0;
		margin-bottom: 15px;
	}
	
	.deib_5point_goal_num {
		display: flex;
		align-items: flex-end;
		font-size: 15px;
	}
	
	.deib_5point_goal_num_left {
		width: 28%;
	}
	
	.deib_5point_goal_num_arrow {
		width: 20%;
		text-align: center;
	}
	
	.deib_5point_goal_num_right {
		width: 50%;
	}
	
	.deib_5point_size1 {
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		margin-top: 5px;
		min-height: 36px;
		display: inline-block;
		display: flex;
		align-items: center;
	}
	
	.deib_5point_size2 {
		font-size: 30px;
		font-weight: bold;
		line-height: 1;
		margin-top: 5px;
		min-height: 36px;
		display: inline-block;
		display: flex;
		align-items: center;
	}
	
	.deib_5point_explanation {
		
	}
	
	.deib_5point_explanation h5 {
		font-size: 16px;
		font-weight: 500;
		color: #CC0000;
		position: relative;
		padding: 33px 0 0;
	}
	
	.deib_5point_explanation h5 span {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		display: inline-block;
		color: #ffffff;
		background: #CC0000;
		padding: 3px 15px 5px;
		font-size: 13px;
		border-radius: 100px;
	}
	
	.deib_5point_explanation_wrap {
		margin: 20px 0 0;
	}
	
	.deib_5point_explanation_textarea {
		margin-bottom: 30px;
	}
	
	.deib_5point_explanation_thumb {
		display: flex;
		justify-content: space-between;
	}
	
	.deib_5point_explanation_thumb_img {
		width: 39%;
	}
	
	.deib_5point_explanation_thumb_img img {
		width: 100%;
		height: auto;
		border-radius: 100%;
		max-width: 150px;
	}
	
	.deib_5point_explanation_thumb_text {
		width: 55%;
	}
	
	.deib_5point_explanation_thumb_text1 {
		font-size: 16px;
		font-weight: 500;
	}
	
	.deib_5point_explanation_thumb_text2 {
		font-size: 13px;
		line-height: 2;
		margin: 15px 0 0;
	}
	
	.deib_5point_explanation_message {
		font-size: 15px;
		line-height: 2;
	}
	
	.deib_5point_system {
		margin: 20px 0;
	}
	
	.deib_5point_system h4 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	
	.deib_5point_system p {
		font-size: 14px;
		line-height: 2;
	}
	
	.deib_evaluation {
		
	}
	
	.deib_evaluation_box {
		margin: 30px 0 0;
	}
	
	.deib_evaluation_logo {
		height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	
	.deib_evaluation_logo img {
		mix-blend-mode: multiply;
	}
	
	.deib_evaluation_box h3 {
		color: #CC0000;
		font-size: 17px;
		font-weight: 500;
		line-height: 2;
		margin-bottom: 10px;
	}
	
	.deib_evaluation_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.deib_outline_textarea h2.deib_message_title {
		font-size: 20px;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
		text-align: center;
	}
	
	/* @end */
	
	/* @group styleflow */
	
	.styleflow_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.styleflow_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.styleflow_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.styleflow_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.styleflow_course {
		margin: 40px 0;
	}
	
	.styleflow_course_end {
		text-align: center;
		padding: 0;
		margin: 0 auto 50px;
		font-size: 16px;
		font-weight: 600;
		color: #d21e32;
	}
	
	.styleflow_course_title {
		position: relative;
		padding: 10px 0 0px 65px;
		margin: 0 auto 50px;
		max-width: 960px;
	}
	
	.styleflow_course_title_ja {
		font-size: 20px;
		color: #005064;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
	}
	
	.styleflow_course_title_icon {
		position: absolute;
		width: 50px;
		height: 50px;
		background: linear-gradient(#005064 0%, #3cc8d2 100%);
		border-radius: 110px;
		color: #ffffff;
		font-size: 14px;
		font-weight: 500;
		display: flex;
		justify-content: center;
		align-items: center;
		letter-spacing: 3px;
		padding-left: 3px;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.styleflow_course_container {
		margin: 0px auto 40px;
		max-width: 960px;
	}
	
	.styleflow_course_box {
		text-align: center;
		position: relative;
	}
	
	.styleflow_course_box_x {
		background: url("../img/about/styleflow_x.svg") no-repeat center center;
		margin: 30px 0;
		height: 21px;
	}
	
	.styleflow_course_box_color {
		background: #CBDBDF;
		border-radius: 20px;
		padding: 40px 30px;
		flex: 1;
		height: 100%;
		min-height: 0%;
	}
	
	.styleflow_course_box_color > * {
		flex-shrink: 0;
	}
	
	.styleflow_course_box h3 {
		font-size: 18px;
		font-weight: 600;
		color: #005064;
		margin-bottom: 20px;
	}
	
	.styleflow_course_group {
		width: 250px;
		height: 250px;
		background: #ffffff url("../img/about/styleflow_jtbgroup.svg") no-repeat center center;
		background-size: 140px auto;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #005064;
		font-size: 15px;
		font-weight: 600;
		margin: 20px auto;
	}
	
	.styleflow_course_name {
		margin: 20px 0;
	}
	
	.styleflow_course_box_color p {
		font-size: 14px;
		color: #005064;
		text-align: left;
	}
	
	.styleflow_course_name_label {
		background: #ffffff;
		font-size: 18px;
		font-weight: 600;
		padding: 10px;
		border-radius: 100px;
		color: #005064;
	}
	
	.styleflow_course_or {
		text-align: center;
		font-weight: 600;
		color: #005064;
		font-size: 20px;
		margin: 10px 0;
	}
	
	.styleflow_course_entry {
		background: #CBDBDF;
		padding: 30px 0;
		max-width: 960px;
		margin: 0 auto 50px;
		border-radius: 20px;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		color: #005064;
		position: relative;
	}
	
	.styleflow_course_entry:before {
		position: absolute;
		content: "";
		width: 28px;
		height: 17px;
		background: url("../img/about/styleflow_arrow.svg") no-repeat;
		background-size: 28px auto;
		top: -25px;
		left: 50%;
		z-index: 1;
		margin-left: -14px;
	}
	
	.styleflow_faq {
		margin: 0 auto 60px;
		max-width: 960px;
	}
	
	.styleflow_faq_q {
		background: #005064;
		border-radius: 4px;
		padding: 20px 20px 20px 50px;
		position: relative;
		font-size: 16px;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
	}
	
	.styleflow_faq_q span, .styleflow_faq_a_title span {
		position: absolute;
		top: 5px;
		left: 15px;
		z-index: 1;
		font-size: 30px;
		color: rgba(246,246,246,0.6);
	}
	
	.styleflow_faq_a_title span {
		top: -15px;
		left: 0px;
	}
	
	.styleflow_faq_a_title_small {
		font-size: 12px;
	}
	
	.styleflow_faq_a {
		margin: 10px 0 0;
		background: #005064;
		border-radius: 4px;
		color: #ffffff;
		padding: 20px 20px 20px 20px;
	}
	
	.styleflow_faq_a_title {
		position: relative;
		font-size: 16px;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		padding-left: 30px;
	}
	
	.styleflow_faq_a table {
		text-align: left;
		margin: 20px 0px 0;
		width: 100%;
	}
	
	.styleflow_faq_a2 {
		padding: 10px;
	}
	
	.styleflow_faq_a2 table {
		margin: 0;
		padding: 10px;
	}
	
	.styleflow_faq_a table th {
		background: rgba(255,255,255,0.12);
		border-right: 3px solid #005064;
		padding: 10px;
		font-size: 14px;
		font-weight: normal;
	}
	
	.styleflow_faq_a table th:last-child {
		border-right: 0;
	}
	
	.styleflow_faq_a table td:last-child {
		border-right: 0;
	}
	
	.styleflow_faq_a table td {
		padding: 10px;
		font-size: 13px;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		border-right: 1px solid rgba(255,255,255,0.2);
	}
	
	.styleflow_faq_a table td:last-child {
		text-align: center;
	}
	
	.styleflow_faq_a table td span {
		font-weight: bold;
	}
	
	.styleflow_faq_hint {
		margin: 30px 0 20px;
	}
	
	.styleflow_faq_hint_box {
		margin: 0 10% 30px;
		text-align: center;
	}
	
	.styleflow_faq_hint_label {
		margin: 50px 0 0;
		position: relative;
	}
	
	.styleflow_faq_hint_label a {
		display: block;
		background: rgba(255,255,255,0.2);
		padding: 10px;
		font-size: 14px;
		color: #ffffff;
		border-radius: 100px;
		position: relative;
		text-decoration: none;
	}
	
	.styleflow_faq_hint_label:before {
		position: absolute;
		content: "";
		width: 16px;
		height: 16px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		top: -40px;
		left: 50%;
		transform: rotate(135deg);
		margin-left: -8px;
	}
	
	.styleflow_flow {
		background: #ffffff;
		padding: 30px 20px;
		text-align: center;
	}
	
	#anchor_flow {
		padding-top: 80px;
		margin-top: -80px;
	}
	
	.styleflow_flow h3 {
		font-size: 16px;
		font-weight: 600;
		color: #005064;
	}
	
	.styleflow_flow h3.styleflow_flow_lead {
		margin-bottom: 20px;
	}
	
	.styleflow_flow_container {
		max-width: 960px;
		margin: 30px auto;
		text-align: left;
	}
	
	.styleflow_flow_head {
		margin-bottom: 20px;
		font-size: 14px;
	}
	
	.styleflow_flow_blue {
		color: #005064;
		margin-bottom: 10px;
	}
	
	.styleflow_flow_tab {
		display: flex;
		margin-bottom: 30px;
	}
	
	.styleflow_flow_tab_box {
		width: 50%;
	}
	
	.styleflow_flow_tab_box a {
		display: block;
		background: rgba(0,80,100,0.2);
		padding: 10px;
		color: #ffffff;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
	}
	
	.styleflow_flow_tab_box a.active {
		background: #005064;
	}
	
	.styleflow_flow_step {
		background: #F6F6F6;
		padding: 20px 10px;
		margin-bottom: 20px;
	}
	
	.styleflow_flow_step_num {
		font-size: 15px;
		color: #005064;
		font-weight: 600;
	}
	
	.styleflow_flow_step_textarea {
		
	}
	
	.styleflow_flow_step_textarea h4 {
		font-size: 15px;
		color: #005064;
		font-weight: 600;
	}
	
	.styleflow_flow_step_text {
		line-height: 2;
		font-size: 13px;
		margin: 20px 0 0;
	}
	
	.styleflow_flow_step_btn {
		display: block;
		padding: 10px 40px 10px 20px;
		background: #005064;
		color: #ffffff;
		text-decoration: none;
		margin: 20px 0 0;
		position: relative;
		text-align: center;
	}
	
	.styleflow_flow_step_btn:before {
		position: absolute;
		content: "";
		width: 10px;
		height: 9px;
		background: url("../img/common/icon_blank.svg") no-repeat;
		background-size: 10px auto;
		z-index: 1;
		top: 50%;
		right: 20px;
		margin-top: -5px;
	}
	
	.styleflow_flow_step_textarea h5 {
		font-size: 16px;
		font-weight: 600;
		color: #005064;
		margin: 50px 0 0;
	}
	
	.styleflow_flow_step_textarea h6 {
		font-size: 15px;
		font-weight: 500;
		color: #005064;
		margin: 30px 0 0;
	}
	
	.styleflow_link {
		margin: 40px 0;
		text-align: center;
	}
	
	.styleflow_link h5 {
		font-size: 15px;
		font-weight: 500;
		color: #005064;
		margin-bottom: 20px;
	}
	
	.styleflow_link a {
		display: block;
		max-width: 560px;
		margin: 0 auto;
		background: #005064;
		color: #ffffff;
		font-size: 15px;
		font-weight: 500;
		padding: 15px 20px;
		border-radius: 100px;
		text-decoration: none;
		margin-bottom: 60px;
	}
	
	/* @end */
	
	/* @group groupjob */
	
	.groupjob_head {
		background: linear-gradient(45deg, #5a6446 50%, #dcdc00 100%);
	}
	
	.groupjob_head .contents_inner {
		color: #ffffff;
		padding-bottom: 30px;
		min-height: 200px;
	}
	
	.groupjob_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.groupjob_head h3 {
		margin: 25px 0 0;
		font-size: 18px;
		font-weight: 500;
	}
	
	.groupjob_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.groupjob_att {
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		margin: 0 auto 20px;
		max-width: 1070px;
		padding: 20px;
	}
	
	.groupjob_tabs {
		margin: 40px 0 0;
	}
	
	.groupjob_tabs ul {
		display: flex;
		justify-content: space-between;
		max-width: 1070px;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	
	.groupjob_tabs ul li {
		width: 49%;
		margin-bottom: 5px;
	}
	
	.groupjob_tabs ul li a {
		display: block;
		background: #5A6446;
		border-radius: 4px;
		text-align: center;
		font-size: 13px;
		padding: 10px 10px 25px;
		color: #ffffff;
		text-decoration: none;
		position: relative;
		transition: all 0.3s;
		border: 1px solid #5A6446;
	}
	
	.groupjob_tabs ul li a:before {
		position: absolute;
		content: "";
		width: 5px;
		height: 5px;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		bottom: 13px;
		left: 50%;
		transform: rotate(45deg);
		margin-left: -2px;
	}
	
	.groupjob_business {
		margin: 140px 0;
	}
	
	.groupjob_business .contents_inner, .groupjob_culture .contents_inner {
		background: #ffffff;
		position: relative;
		padding: 50px 20px 50px 100px;
	}
	
	.groupjob_business .contents_inner:before, .groupjob_culture .contents_inner:before {
		content: "";
		position: absolute;
		top: 0;
		right: 100%;
		width: 100vw;
		height: 100%;
		background: #ffffff;
		z-index: 1;
	}
	
	.groupjob_title_ja {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: -55px;
		left: 48px;
		background: #5A6446;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 5px;
		font-weight: 600;
		font-family: 'Noto Serif JP', serif;
	}
	
	.groupjob_title_en {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		position: absolute;
		top: -56px;
		left: 0px;
		color: rgba(90,100,70,0.2);
		font-size: 45px;
		font-weight: bold;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		line-height: 1;
	}
	
	.groupjob_business_box {
		max-width: 760px;
		margin: 0 auto 30px;
	}
	
	.groupjob_business_box:last-child {
		margin-bottom: 0;
	}
	
	.groupjob_business_box h3 {
		font-size: 18px;
		font-weight: 600;
		color: #5A6446;
		margin-bottom: 10px;
	}
	
	.groupjob_business_box_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.groupjob_work {
		margin: 80px 0 0;
	}
	
	.groupjob_work .contents_inner, .groupjob_info .contents_inner {
		background: #F5F5EA url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
		position: relative;
		padding: 40px 20px 40px 100px;
	}
	
	.groupjob_info .contents_inner {
		background: #F5F5EA;
	}
	
	.groupjob_work .contents_inner:before, .groupjob_info .contents_inner:before {
		content: "";
		position: absolute;
		top: 0;
		right: 100%;
		width: 100vw;
		height: 100%;
		background: #F5F5EA;
		z-index: 1;
	}
	
	.groupjob_work_container {
		max-width: 760px;
		margin: 0 auto 70px;
	}
	
	.groupjob_work_box {
		margin-bottom: 30px;
	}
	
	.groupjob_work_box h3 {
		font-size: 18px;
		font-weight: 600;
		color: #5A6446;
		margin-bottom: 10px;
	}
	
	.groupjob_work_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.groupjob_work_link {
		display: block;
		background: rgba(90,100,70,0.75);
		padding: 7px 10px;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		border-radius: 100px;
		margin: 20px 0 0;
		font-size: 13px;
		transition: all 0.3s;
	}
	
	.groupjob_work_lead {
		text-align: left;
		font-size: 15px;
		font-weight: 600;
		color: #5A6446;
	}
	
	.groupjob_work_course {
		margin: 30px auto;
	}
	
	.groupjob_work_course_box {
		background: linear-gradient(45deg, #5a6446 0%, #dcdc00 100%);
		padding: 20px 10px;
		text-align: center;
		color: #ffffff;
		position: relative;
		margin-bottom: 20px;
	}
	
	.groupjob_work_course_text {
		font-size: 14px;
		font-weight: 600;
	}
	
	.groupjob_work_course_name {
		font-size: 16px;
		font-weight: 600;
		margin: 45px 0 0;
		position: relative;
	}
	
	.groupjob_work_course_name:before {
		content: "";
		position: absolute;
		width: 16px;
		height: 18px;
		background: url("../img/groupjob/icon_groupjob_work_course.svg") no-repeat;
		top: -30px;
		left: 50%;
		z-index: 1;
		margin-left: -8px;
	}
	
	.groupjob_culture {
		margin: 80px 0 0;
	}
	
	.groupjob_culture_head {
		max-width: 760px;
		margin: 30px auto 0;
	}
	
	.groupjob_culture_head_thumb {
		
	}
	
	.groupjob_culture_head_textarea {
		
	}
	
	.groupjob_culture_head_img img {
		width: 100%;
		height: auto;
		max-width: 120px;
		border-radius: 120px;
	}
	
	.groupjob_culture_head_thumb h3 {
		text-align: center;
		max-width: 120px;
		margin-bottom: 20px;
	}
	
	.groupjob_culture_head_thumb h3 span {
		display: inline-block;
		position: relative;
		font-size: 14px;
		font-weight: 500;
		color: #5A6446;
	}
	
	.groupjob_culture_head_thumb h3 span:before {
		position: absolute;
		content: "";
		width: 2px;
		height: 20px;
		background: #707070;
		top: 3px;
		left: -17px;
		transform: rotate(-30deg);
	}
	
	.groupjob_culture_head_thumb h3 span:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 20px;
		background: #707070;
		top: 3px;
		right: -17px;
		transform: rotate(30deg);
	}
	
	.groupjob_culture_head_profile {
		margin: 20px 0 0;
	}
	
	.groupjob_culture_head_profile h4 {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 15px;
	}
	
	.groupjob_culture_head_profile p {
		font-size: 12px;
		line-height: 2;
	}
	
	.groupjob_culture_head_textarea {
		margin: 20px 0 0;
	}
	
	.groupjob_culture_head_textarea h4 {
		font-size: 18px;
		font-weight: 600;
		color: #5A6446;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 30px;
	}
	
	.groupjob_culture_head_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.groupjob_culture_wrap {
		max-width: 760px;
		margin: 60px auto 0;
	}
	
	.groupjob_culture_wrap h3 {
		font-size: 14px;
		font-weight: 600;
		color: #5A6446;
		background: rgba(90,100,70,0.25);
		padding: 10px 10px;
	}
	
	.groupjob_culture_column {
		margin: 30px 0 0;
	}
	
	.groupjob_culture_column_box {
		margin-bottom: 20px;
	}
	
	.groupjob_culture_column_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
	
	.groupjob_culture_column_box h4, .groupjob_culture_person h4 {
		font-size: 15px;
		font-weight: 500;
		color: #5A6446;
		margin-bottom: 10px;
	}
	
	.groupjob_culture_column_box p, .groupjob_culture_person p {
		font-size: 13px;
		line-height: 2;
	}
	
	.groupjob_culture_person p {
		margin-bottom: 20px;
	}
	
	.groupjob_culture_person {
		margin: 30px 0 0;
	}
	
	.groupjob_info {
		margin: 80px 0 0;
	}
	
	.groupjob_info_table {
		max-width: 760px;
		margin: 30px auto 0;
	}
	
	.groupjob_info_table h3 {
		font-size: 14px;
		font-weight: 600;
		color: #5A6446;
		background: rgba(90,100,70,0.25);
		padding: 10px;
	}
	
	.groupjob_info_table table {
		border-top: 1px solid rgba(90,100,70,0.25);
		margin: 30px 0 0;
		width: 100%;
	}
	
	.groupjob_info_table table th {
		display: block;
		text-align: left;
		padding: 10px 10px 0 10px;
		color: #5A6446;
		font-size: 15px;
		font-weight: 500;
	}
	
	.groupjob_info_table table td {
		display: block;
		padding: 10px;
		font-size: 14px;
		border-bottom: 1px solid rgba(90,100,70,0.25);
		word-break: break-all;
	}
	
	.groupjob_info_table table td a {
		transition: all 0.3s;
	}
	
	.groupjob_info_table_link {
		display: block;
		color: #ffffff;
		background: #5A6446;
		padding: 15px;
		font-size: 14px;
		font-weight: 600;
		margin: 40px 0 0;
		text-decoration: none;
		text-align: center;
		border-radius: 100px;
		transition: all 0.3s;
		border: 1px solid #5A6446;
	}
	
	.groupjob_info_table_link_disable {
		opacity: 0.4;
		cursor: auto;
	}
	
	.groupjob_return {
		margin: 50px 0;
	}
	
	.groupjob_return_link {
		display: block;
		background: linear-gradient(45deg, #5a6446 0%, #dcdc00 100%);
		color: #ffffff;
		max-width: 960px;
		margin: 0 auto;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		padding: 30px 0;
		border-radius: 4px;
		transition: all 0.3s;
	}
	
	/* @end */
	
	/* @group info faq */
	
	.info_head {
		background: linear-gradient(135deg, #644600 50%, #d2a000 100%);
	}
	
	.info_head .contents_inner {
		padding-bottom: 30px;
		min-height: 200px;
		color: #ffffff;
	}
	
	.info_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.info_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 40px 0 0;
	}
	
	.faq_anker {
		margin: 40px 0;
	}
	
	.faq_anker .contents_inner {
		max-width: 1110px;
	}
	
	.faq_anker ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.faq_anker ul li {
		width: 49%;
		margin-bottom: 10px;
	}
	
	.faq_anker ul li a {
		display: block;
		background: #644600;
		border-radius: 4px;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		text-decoration: none;
		padding: 10px 0 25px;
		position: relative;
	}
	
	.faq_anker ul li a:after {
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		transform: rotate(45deg);
		bottom: 13px;
		left: 50%;
		z-index: 1;
	}
	
	.faq_inner {
		max-width: 960px;
		margin: 0 auto;
	}
	
	.faq_inner h2 {
		font-size: 18px;
		text-align: center;
		font-weight: 500;
		margin-bottom: 50px;
	}
	
	.faq_box {
		background: #F2EEE6;
		padding: 20px;
		margin-bottom: 10px;
	}
	
	.faq_q {
		position: relative;
	}
	
	.faq_icon {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 18px;
		color: #CC0000;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	
	.faq_q a {
		font-size: 15px;
		font-weight: 500;
		text-decoration: none;
		position: relative;
		display: block;
		padding: 3px 20px 0 30px;
	}
	
	.faq_q a:before {
		position: absolute;
		content: "";
		width: 16px;
		height: 2px;
		background: #CC0000;
		top: 14px;
		right: 0;
		z-index: 1;
	}
	
	.faq_q a:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 16px;
		background: #CC0000;
		top: 7px;
		right: 7px;
		z-index: 1;
	}
	
	.faq_q a.open:after {
		display: none;
	}
	
	.faq_a {
		margin: 20px 0 0;
		display: none;
	}
	
	.faq_a_inner {
		position: relative;
		padding: 3px 0 0 30px;
		font-size: 14px;
		line-height: 1.8;
	}
	
	.faq_wrap {
		margin-bottom: 110px;
	}
	
	.faq_a .icon_blank {
		display: inline-block;
		padding: 0 20px 0 0;
		background: url("../img/common/icon_blank_bk.svg") no-repeat top 7px right 3px;
	}
	
	/* @end */
	
	/* @group challenged */
	
	
	.page_challenged_wrap {
		background: #F6F6F6;
	}
	
	.page_challenged_head {
		margin: 70px 0 0;
		padding: 30px 0 15px;
	}
	
	.page_challenged_head .contents_inner{
		position: relative;
	}
	
	.page_challenged_head_title {
		color: #644600;
		letter-spacing: 0.04em;
	}
	
	.page_challenged_head_lead {
	}
	
	.page_challenged_head_img_box {
		text-align: right;
	}
	
	.page_challenged_head_img_box img {
		width: 100%;
		height: auto;
	}
	
	.page_challenged_head_title h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	.page_challenged_head_title h1 {
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	
	.page_challenged_head_lead h3{
		font-size: 22px;
		font-weight: 400;
		font-family: 'Noto Serif JP', serif;
		color: #ffffff;
		margin: 10px 0 0;
	}
	
	.page_challenged_head_lead div {
		position: relative;
		margin-bottom: 10px;
		display: inline-block;
		background: linear-gradient(70deg , #644600 60%, #d2a000 100%);
		opacity: 0;
		transform: translateX(-50px);
		animation: fadeInRight 1s ease-out forwards;
	}

	.text1 { animation-delay: 0.3s; }
	.text2 { animation-delay: 0.6s; }
	
	.page_challenged_head_lead h3 span {
		position: relative;
		display: inline-block;
		line-height: 1;
		padding: 2px 0 10px 10px;
		letter-spacing: 0.17em;
		z-index: 1;
		opacity: 0;
		transform: translateX(-50px);
		animation: fadeInRight 1s ease-out forwards;
	}
	
	.page_challenged_head_en {
		position: absolute;
		font-size: 40px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		color: #644600;
		opacity: 0.3;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		top: -10px;
		right: 0px;
		z-index: 2;
		line-height: 1;
		white-space: nowrap;
	}
	
	.challenged_head_text {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 20px;
	}
	
	.challenged_head_en {
		position: absolute;
		top: 10px;
		left: -30px;
		font-size: 40px;
		color: rgba(100,70,0,0.2);
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
	}
	
	.challenged_head_link {
		margin: 20px 0px 0 20px;
	}
	
	.challenged_head_link_box {
		margin-bottom: 15px;
	}
	
	.challenged_head_link_box a {
		display: block;
		background: #644600;
		padding: 10px;
		border-radius: 100px;
		font-size: 16px;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
	}
	
	.challenged_promise {
		background: #FFFFFF;
		position: relative;
		margin: 120px 0 0;
		padding: 0 0 30px 10px;
	}
	
	.challenged_promise:before {
		position: absolute;
		content: "";
		width: 10px;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: 1;
		background: #FFFFFF;
	}
	
	.challenged_promise:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #FFFFFF;
	}
	
	.challenged_promise_head {
		background: #644600;
		color: #ffffff;
		padding: 20px;
		transform: translate(0,-40px);
	}
	
	.challenged_promise_head h3 {
		font-size: 18px;
		color: #ffffff;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
	.challenged_promise_head p {
		font-size: 14px;
		line-height: 2;
	}
	
	.challenged_promise_container {
	}
	
	.challenged_promise_box {
		margin-bottom: 30px;
		background: #F2EEE6;
		border-top: 8px solid #644600;
		padding-bottom: 30px;
	}
	
	.challenged_promise_num {
		text-align: right;
	}
	
	.challenged_promise_num span {
		background: #644600;
		display: inline-block;
		padding: 2px 10px 5px;
		border-bottom-left-radius: 8px;
		color: #ffffff;
		font-size: 12px;
	}
	
	.challenged_promise_box h4 {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		color: #644600;
		font-family: 'Noto Serif JP', serif;
		margin: 20px 0 0;
		letter-spacing: 0.02em;
	}
	
	.challenged_promise_box p {
		margin: 20px 30px 0px;
		font-size: 14px;
		line-height: 1.8;
	}
	
	.challenged_initiative {
		background: #F2EEE6;
		position: relative;
		margin: 120px 0 0;
		padding: 0 0 30px 10px;
	}
	
	.challenged_initiative:before {
		position: absolute;
		content: "";
		width: 10px;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_initiative:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_initiative_head {
		background: #644600;
		color: #ffffff;
		padding: 20px;
		transform: translate(0,-40px);
	}
	
	.challenged_initiative_head h3 {
		font-size: 18px;
		color: #ffffff;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
	.challenged_initiative_head p {
		font-size: 14px;
		line-height: 2;
	}
	
	.challenged_initiative_container {
		
	}
	
	.challenged_initiative_box {
		margin-bottom: 30px;
	}
	
	.challenged_initiative_box h4 {
		font-size: 16px;
		color: #ffffff;
		background: #644600;
		font-weight: normal;
		padding: 10px 10px 10px 20px;
		margin-bottom: 10px;
	}
	
	.challenged_initiative_thumb img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	
	.challenged_initiative_box p {
		font-size: 14px;
		line-height: 2;
	}
	
	.challenged_initiative_box a {
		color: #CC0000;
	}
	
	.challenged_initiative_text_wrap {
	}
	
	.challenged_initiative_text {
		margin-bottom: 30px;
	}
	
	.challenged_initiative_text h5 {
		font-size: 15px;
		font-weight: 500;
		color: #644600;
		margin-bottom: 5px;
	}
	
	.challenged_initiative_box p {
		font-size: 14px;
		line-height: 2;
	}
	
	.challenged_initiative_text a {
		color: #644600;
	}
	
	.challenged_initiative_icons {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.challenged_initiative_icon {
		width: 49%;
		background: #ffffff;
		padding: 20px 10px 20px 50px;
		border-radius: 10px;
		position: relative;
		margin-bottom: 10px;
		font-size: 13px;
		font-weight: 500;
		color: #644600;
		text-align: left;
	}
	
	.challenged_initiative_icon img {
		position: absolute;
		top: 12px;
		left: 6px;
		z-index: 1;
		width: 40px;
		height: auto;
	}
	
	.challenged_initiative_workstyle {
	}
	
	.challenged_initiative_workstyle_text {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 20px;
	}
	
	.challenged_initiative_workstyle_link {
	}
	
	.challenged_initiative_workstyle_link a {
		display: block;
		background: #644600;
		border: 1px solid #323232;
		font-size: 14px;
		padding: 10px 10px;
		border-radius: 50px;
		text-decoration: none;
		color: #ffffff;
		text-align: center;
		transition: all 0.3s;
	}
	
	.challenged_initiative_workstyle_link a:hover {
		background: #ffffff;
		color: #644600;
	}
	
	.challenged_initiative_office {
	}
	
	.challenged_initiative_office_thumb {
		margin-bottom: 10px;
	}
	
	.challenged_initiative_office_thumb img {
		width: 100%;
		height: auto;
	}
	
	.challenged_initiative_office_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.challenged_interview {
		background: #ffffff;
		position: relative;
		margin: 120px 0 0;
		padding: 0 0 100px 10px;
	}
	
	.challenged_interview:before {
		position: absolute;
		content: "";
		width: 10px;
		height: 100%;
		top: 0;
		left: -10px;
		z-index: 1;
		background: #ffffff;
	}
	
	.challenged_interview:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.challenged_interview_head {
		background: #644600;
		color: #ffffff;
		padding: 20px;
		transform: translate(0,-40px);
		margin-bottom: 0px;
	}
	
	.challenged_interview_head h3 {
		font-size: 18px;
		color: #ffffff;
		font-weight: normal;
	}
	
	.recruitinterview_container {
		
	}
	
	.recruitinterview_box {
		background: #F6F6F6;
		position: relative;
		margin-bottom: 20px;
	}
	
	.recruitinterview_thumb {
		position: relative;
	}
	
	.recruitinterview_thumb img {
		width: 100%;
		height: auto;
	}
	
	.recruitinterview_thumb span {
		position: absolute;
		color: #ffffff;
		padding: 0 10px 5px 10px;
		top: 0;
		right: 0;
		z-index: 1;
		border-bottom-left-radius: 8px;
		font-size: 12px;
	}
	
	.recruitinterview_box_jtb {
		border-top: 8px solid #FF6400;
		color: #FF6400;
	}
	
	.recruitinterview_box_jtb .recruitinterview_thumb span {
		background: #FF6400;
	}
	
	.recruitinterview_box_jtb h4 {
		border-bottom: 1px solid rgba(255,100,0,0.1);
	}
	
	.recruitinterview_box_tourism {
		border-top: 8px solid #CC0000;
		color: #CC0000;
	}
	
	.recruitinterview_box_tourism .recruitinterview_thumb span {
		background: #CC0000;
	}
	
	.recruitinterview_box_tourism h4 {
		border-bottom: 1px solid rgba(204,0,0,0.1);
	}
	
	.recruitinterview_box_areasolution {
		border-top: 8px solid #284632;
		color: #284632;
	}
	
	.recruitinterview_box_areasolution .recruitinterview_thumb span {
		background: #284632;
	}
	
	.recruitinterview_box_areasolution h4 {
		border-bottom: 1px solid rgba(40,70,50,0.1);
	}
	
	.recruitinterview_box_businesssolution {
		border-top: 8px solid #001C7B;
		color: #001C7B;
	}
	
	.recruitinterview_box_businesssolution .recruitinterview_thumb span {
		background: #001C7B;
	}
	
	.recruitinterview_box_businesssolution h4 {
		border-bottom: 1px solid rgba(0,28,123,0.1);
	}
	
	.recruitinterview_box_global {
		border-top: 8px solid #323232;
		color: #323232;
	}
	
	.recruitinterview_box_global .recruitinterview_thumb span {
		background: #323232;
	}
	
	.recruitinterview_box_global h4 {
		border-bottom: 1px solid rgba(50,50,50,0.1);
	}
	
	.recruitinterview_box_base {
		border-top: 8px solid #005064;
		color: #005064;
	}
	
	.recruitinterview_box_base .recruitinterview_thumb span {
		background: #005064;
	}
	
	.recruitinterview_box_base h4 {
		border-bottom: 1px solid rgba(0,80,100,0.1);
	}
	
	.recruitinterview_text {
		padding: 30px 30px 30px;
	}
	
	.recruitinterview_text h4 {
		text-align: center;
		font-weight: normal;
		padding-bottom: 20px;
		margin-bottom: 15px;
	}
	
	.recruitinterview_text span {
		font-size: 12px;
	}
	
	.challenged_recruit {
		background: #F2EEE6;
		position: relative;
		margin: 120px 0 0;
		padding: 0 0 30px 10px;
	}
	
	.challenged_recruit:before {
		position: absolute;
		content: "";
		width: 10px;
		height: 100%;
		top: 0;
		left: -10px;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_recruit:after {
		position: absolute;
		content: "";
		width: 100vw;
		height: 100%;
		top: 0;
		left: 100%;
		z-index: 1;
		background: #F2EEE6;
	}
	
	.challenged_recruit_head {
		background: #644600;
		color: #ffffff;
		padding: 20px;
		transform: translate(0,-40px);
		margin-bottom: 0px;
	}
	
	.challenged_recruit_head h3 {
		font-size: 18px;
		color: #ffffff;
		font-weight: normal;
	}
	
	.challenged_recruit_lead {
		margin-bottom: 0px;
		font-size: 14px;
		line-height: 2;
		margin-bottom: 30px;
	}
	
	.challenged_recruit_container {
		
	}
	
	.challenged_recruit_box {
		background: #ffffff;
		padding: 16px 16px 32px;
		margin-bottom: 20px;
	}
	
	.challenged_recruit_box h4 {
		font-size: 15px;
		font-weight: normal;
		padding: 5px 10px 15px;
		position: relative;
		margin-bottom: 15px;
	}
	
	.challenged_recruit_box h4:before {
		position: absolute;
		content: "";
		width: 4px;
		height: 40px;
		top: 0;
		left: -16px;
		z-index: 1;
	}
	
	.challenged_recruit_jtb {
		color: #FF6400;
	}
	
	.challenged_recruit_jtb:before {
		background: #FF6400;
	}
	
	.challenged_recruit_global {
		color: #323232;
	}
	
	.challenged_recruit_global:before {
		background: #323232;
	}
	
	.challenged_recruit_business {
		color: #001C7B;
	}
	
	.challenged_recruit_business:before {
		background: #001C7B;
	}
	
	.challenged_recruit_transform {
		color: #005064;
	}
	
	.challenged_recruit_transform:before {
		background: #005064;
	}
	
	.challenged_recruit_communication {
		color: #284632;
	}
	
	.challenged_recruit_communication:before {
		background: #284632;
	}
	
	.challenged_recruit_publishing {
		color: #284632;
	}
	
	.challenged_recruit_publishing:before {
		background: #284632;
	}
	
	.challenged_recruit_ij {
		color: #005064;
	}
	
	.challenged_recruit_ij:before {
		background: #005064;
	}
	
	.challenged_recruit_shoji {
		color: #284632;
	}
	
	.challenged_recruit_shoji:before {
		background: #284632;
	}
	
	.challenged_recruit_data {
		color: #005064;
	}
	
	.challenged_recruit_data:before {
		background: #005064;
	}
	
	.challenged_recruit_gaiarec,
	.challenged_recruit_tpi,
	.challenged_recruit_jga,
	.challenged_recruit_fjc,
	.challenged_recruit_jtbit,
	.challenged_recruit_travel,
	.challenged_recruit_jj,
	.challenged_recruit_ji {
		color: #CC0000;
	}
	
	.challenged_recruit_gaiarec:before,
	.challenged_recruit_tpi:before,
	.challenged_recruit_jga:before,
	.challenged_recruit_fjc:before,
	.challenged_recruit_jtbit:before,
	.challenged_recruit_travel:before,
	.challenged_recruit_jj:before,
	.challenged_recruit_ji:before {
		background: #CC0000;
	}
	
	.challenged_recruit_jbi,
	.challenged_recruit_okinawa,
	.challenged_recruit_asset,
	.challenged_recruit_trading,
	.challenged_recruit_puls,
	.challenged_recruit_jtbit,
	.challenged_recruit_gfjtb {
		color: #284632;
	}
	
	.challenged_recruit_jbi:before,
	.challenged_recruit_okinawa:before,
	.challenged_recruit_asset:before,
	.challenged_recruit_trading:before,
	.challenged_recruit_puls:before,
	.challenged_recruit_jtbit:before,
	.challenged_recruit_gfjtb:before {
		background: #284632;
	}
	
	challenged_recruit_cd,
	.challenged_recruit_nc {
		color: #001C7B;
	}
	
	.challenged_recruit_cd:before,
	.challenged_recruit_nc:before {
		background: #001C7B;
	}
	
	.challenged_recruit_asia {
		color: #323232;
	}
	
	.challenged_recruit_asia:before {
		background: #323232;
	}
	
	.challenged_recruit_total {
		color: #005064;
	}
	
	.challenged_recruit_total:before {
		background: #005064;
	}
	
	.challenged_recruit_other {
		color: #6E2814;
	}
	
	.challenged_recruit_other:before {
		background: #6E2814;
	}
	
	.challenged_recruit_box p {
		font-size: 14px;
		line-height: 1.8;
	}
	
	.challenged_recruit_link {
		margin: 40px 0;
	}
	
	.challenged_recruit_link p {
		font-size: 16px;
		color: #644600;
		font-weight: 600;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.challenged_recruit_link a {
		background: #644600;
		padding: 15px;
		border-radius: 100px;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		display: block;
		max-width: 560px;
		margin: 0 auto;
		font-weight: 400;
		text-decoration: none;
	}
	
	/* @end */
	
	/* @group newgraduate */
	
	.newgraduate_container {
		padding: 20px 0;
	}
	
	.newgraduate_wrap {
		background: #F2EEE6;
		position: relative;
		padding: 20px;
		margin: 0px;
	}
	
	.newgraduate_select {
		position: relative;
		padding-bottom: 20px;
	}
	
	.newgraduate_select_name {
		font-size: 16px;
		margin-bottom: 15px;
	}
	
	.newgraduate_select_tag {
		
	}
	
	.newgraduate_select_tag_box {
		margin: 0 0 15px 0;
		color: #ffffff;
		text-align: center;
		padding: 5px;
		position: relative;
		background: none;
		color: #323232;
		border: 1px solid #323232;
		cursor: pointer;
	}
	
	.tag_tourism {
		color: #CC0000;
		border: 1px solid #CC0000;
	}
	
	.tag_areasolution {
		color: #284632;
		border: 1px solid #284632;
	}
	
	.tag_businesssolution {
		color: #001C7B;
		border: 1px solid #001C7B;
	}
	
	.tag_global {
		color: #323232;
		border: 1px solid #323232;
	}
	
	.tag_base {
		color: #005064;
		border: 1px solid #005064;
	}
	
	.tag_newgraduate {
		color: #323232;
		border: 1px solid #323232;
	}
	
	.tag_career {
		color: #644600;
		border: 1px solid #644600;
	}
	
	.joining_select {
		position: relative;
		border-bottom: 1px solid #323232;
		padding-bottom: 20px;
	}
	
	.joining_select_name {
		font-size: 16px;
		margin-bottom: 15px;
	}
	
	.joining_select_tag {
	}
	
	.joining_select_tag_box {
		margin: 0 0 15px 0;
		color: #ffffff;
		text-align: center;
		padding: 5px;
		position: relative;
		background: none;
		color: #323232;
		border: 1px solid #323232;
		cursor: pointer;
	}
	
	.joining_select_tag_box.active {
		background: #323232;
		color: #ffffff;
	}
	
	.newgraduate_select_tag_box.active, .peopleindex_select_tag_box.active {
		color: #ffffff;
	}
	
	.tag_tourism.active {
		background: #CC0000;
		border: 1px solid #CC0000;
	}
	
	.tag_areasolution.active {
		background: #284632;
		border: 1px solid #284632;
	}
	
	.tag_businesssolution.active {
		background: #001C7B;
		border: 1px solid #001C7B;
	}
	
	.tag_global.active {
		background: #323232;
		border: 1px solid #323232;
	}
	
	.tag_base.active {
		background: #005064;
		border: 1px solid #005064;
	}
	
	.tag_newgraduate.active {
		background: #323232;
		border: 1px solid #323232;
	}
	
	.tag_career.active {
		background: #644600;
		border: 1px solid #644600;
	}
	
	.newgraduate_select_tag_reset {
		position: absolute;
		top: -40px;
		right: 0;
		z-index: 10;
	}
	
	.btn_reset {
		display: inline-block;
		background: rgba(50,50,50,0.5) url("../img/challenged/tag_reset.svg") no-repeat 10px 6px;
		color: #ffffff;
		font-size: 12px;
		text-decoration: none;
		padding: 2px 5px 4px 30px;
	}
	
	.newgraduate_index {
		margin: 30px 0 0;
	}
	
	.newgraduate_index_box {
		margin-bottom: 20px;
		transition: all 0.3s;
	}
	
	.newgraduate_index_box a {
		display: block;
		background: #ffffff;
		padding: 25px 20px 45px 25px;
		text-decoration: none;
		position: relative;
		font-size: 15px;
		transition: all 0.3s;
	}
	
	.newgraduate_index_box a:before {
		position: absolute;
		content: "";
		width: 4px;
		height: calc(100% - 30px);
		top: 15px;
		left: 0;
		z-index: 1;
	}
	
	/* @end */
	
	/* @group newinfo */
	
	.newinfo_title {
		text-align: center;
		padding: 30px 0 20px;
	}
	
	.newinfo_title h2 {
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 20px;
		font-family: 'Noto Serif JP', serif;
	}
	
	.newinfo_title p {
		text-align: center;
	}
	
	.newinfo_job {
		text-align: center;
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 20px;
	}
	
	.newinfo_job_att {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.newinfo_joblist {
		
	}
	
	.newinfo_job_box {
		margin-bottom: 25px;
	}
	
	.newinfo_job_box h4 {
		font-size: 16px;
		font-weight: 500;
		background: linear-gradient(135deg, #644600 70%, #d2a000 100%);
		padding: 20px 40px 20px 20px;
		color: #ffffff;
		position: relative;
		cursor: pointer;
	}
	
	.newinfo_job_box h4:before {
		position: absolute;
		content: "";
		width: 16px;
		height: 2px;
		background: #FFFFFF;
		top: 50%;
		right: 20px;
		z-index: 1;
	}
	
	.newinfo_job_box h4:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 16px;
		background: #FFFFFF;
		top: 50%;
		right: 27px;
		margin-top: -8px;
		z-index: 1;
	}
	
	.newinfo_job_box h4.open:after {
		display: none;
	}
	
	.newinfo_job_detail {
		background: #ffffff;
		padding: 20px;
		font-size: 14px;
		display: none;
	}
	
	.newinfo_job_detail table th {
		color: #644600;
		font-weight: 600;
		width: 100%;
		display: block;
		text-align: left;
		padding: 20px 0 0;
	}
	
	.newinfo_job_detail table td {
		width: 100%;
		display: block;
		border-bottom: 1px solid rgba(50,50,50,0.2);
		padding: 10px 0 20px;
		line-height: 1.8;
	}
	
	.newinfo_job_detail table td .bold {
		font-weight: bold;
	}
	
	.newinfo_job_detail table td .red {
		color: #CC0000;
	}
	
	.newinfo_job_detail table td h5 {
		color: #644600;
		font-weight: 600;
	}
	
	.newinfo_job_detail table td p {
		margin-bottom: 1.5em;
	}
	
	.newinfo_job_detail table td p:last-child {
		margin-bottom: 0;
	}
	
	/* @end */
	
	/* @group peopleindex */
	
	.peopleindex_head {
		background: linear-gradient(45deg, #462864 50%, #c878be 100%);
	}
	
	.peopleindex_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.peopleindex_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.peopleindex_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.peopleindex_container {
		padding: 20px 0;
	}
	
	.peopleindex_wrap {
		background: #EDECEF;
		position: relative;
		margin: 0px;
		padding: 20px;
	}
	
	.peopleindex_select {
		position: relative;
		padding-bottom: 30px;
	}
	
	.peopleindex_select_name {
		font-size: 16px;
		margin-bottom: 20px;
	}
	
	.peopleindex_select_tag {
		
	}
	
	.peopleindex_select_tag_box {
		margin: 0 0 15px 0;
		text-align: center;
		padding: 5px;
		position: relative;
		cursor: pointer;
	}
	
	.peopleindex_list {
		margin: 40px 0;
	}
	
	.peopleindex_box {
		background: #F6F6F6;
		position: relative;
		margin-bottom: 20px;
		transition: all 0.3s;
	}
	
	/* @end */
	
	/* @group tourism */
	
	.tourism_section_title {
		position: absolute;
		top: -40px;
		left: 0px;
		z-index: 10;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
		height: calc(100% + 40px);
	}
	
	.tourism_detail_container:first-child .tourism_section_title {
		top: -100px;
		height: calc(100% + 100px);
	}
	
	.tourism_section_title h2 {
		font-size: 15px;
		color: #ffffff;
		background: #005064;
		font-weight: 400;
		padding: 40px 10px 0 0;
		width: 44px;
		height: calc(100% - 0px);
		background: linear-gradient(#005064 0%, #3cc8d2 100%);
		position: relative;
	}
	
	.tourism_section_title h2:before {
		position: absolute;
		content: "";
		background: #ffffff;
		height: calc(tan(60deg) * 22px / 2);
		width: 22px;
		clip-path: polygon(0 0, 100% 100%, 0 100%);
		bottom: -1px;
		left: 0;
		z-index: 1;
	}
	
	.tourism_section_title h2:after {
		position: absolute;
		content: "";
		background: #ffffff;
		height: calc(tan(60deg) * 22px / 2);
		width: 22px;
		clip-path: polygon(100% 0, 100% 100%, 0 100%);
		bottom: -1px;
		right: 0;
		z-index: 1;
	}
	
	.tourism_detail_container {
		margin: 0 0 60px 0;
		padding-left: 70px;
		position: relative;
	}
	
	.tourism_lead {
		position: absolute;
		top: -30px;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.tourism_lead h2 {
		font-size: 16px;
		background: #005064;
		padding: 15px;
		border-radius: 100px;
		color: #ffffff;
		text-align: center;
		font-weight: 400;
		margin: 0 20px;
	}
	
	.tourism_solution {
		text-align: center;
		max-width: 960px;
		margin: 0 auto;
	}
	
	.tourism_solution_box {
		margin-bottom: 40px;
	}
	
	.tourism_solution_box:last-child {
		margin-bottom: 0;
	}
	
	.tourism_solution_title h3 {
		text-align: center;
		font-size: 15px;
		color: #005064;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	.tourism_solution_wrap {
		display: flex;
		flex-wrap: wrap;
	}
	
	.tourism_solution_text {
		width: 100%;
		text-align: left;
		font-size: 14px;
		line-height: 2;
		order: 2;
	}
	
	.tourism_solution_img {
		width: 100%;
		order: 1;
		margin-bottom: 10px;
	}
	
	.tourism_solution_img img {
		width: 100%;
		height: auto;
	}
	
	.tourism_point {
		
	}
	
	.tourism_point_box {
		border: 3px solid #005064;
		margin-bottom: 20px;
	}
	
	.tourism_point_title {
		background: #005064;
		text-align: center;
		color: #ffffff;
	}
	
	.tourism_point_title h3 {
		font-size: 15px;
		font-weight: normal;
		font-family: 'Noto Serif JP', serif;
		padding: 12px 0;
	}
	
	.tourism_point_inner {
		padding: 20px;
	}
	
	.tourism_point_text {
		font-size: 14px;
		line-height: 2;
	}
	
	.tourism_point_img {
		margin: 20px 0 0;
	}
	
	.tourism_point_img img {
		width: 100%;
		height: auto;
	}
	
	.tourism_point_text2 {
		font-size: 13px;
		margin: 20px 0 0;
	}
	
	/* @end */
	
	/* @group top message */
	
	.topmessage_head {
		background: linear-gradient(45deg, #005064 50%, #3cc8d2 100%);
	}
	
	.topmessage_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.topmessage_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.topmessage_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 50px 0 0;
	}
	
	.topmessage_container {
		margin-bottom: 40px;
	}
	
	.topmessage_container .contents_inner {
		background: #ffffff;
	}
	
	.topmessage_photo {
		margin: 0 -20px;
	}
	
	.topmessage_photo img {
		width: 100%;
		height: auto;
	}
	
	.topmessage_name {
		margin: 0 -20px;
		background: linear-gradient(135deg, #005064 70%, #3cc8d2 100%);
		z-index: 1;
		color: #ffffff;
	}
	
	.topmessage_name_inner {
		padding: 40px 20px;
	}
	
	.topmessage_name_inner h3 {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	
	.topmessage_name_inner p {
		font-size: 13px;
	}
	
	.topmessage_text {
		margin: 0 auto;
		padding: 20px 0 40px;
		font-size: 14px;
		line-height: 2;
		text-align: left;
	}
	
	/* @end */
	
	/* @group digitalcrosstalk*/
	
	.digitalcrosstalk_head {
		background: url("../img/people/digitalcrosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.digitalcrosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.digitalcrosstalk_head .contents_inner {
		height: 280px;
	}
	
	.digitalcrosstalk_head_title {
		position: absolute;
		bottom: 40px;
		left: 20px;
		z-index: 10;
		color: #ffffff;
	}
	
	.digitalcrosstalk_head_title span {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
	}
	
	.digitalcrosstalk_head_title h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 10px 0 0;
	}
	
	.digitalcrosstalk_head_lead {
		margin: 20px 0;
	}
	
	.digitalcrosstalk_head_lead h2 {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 15px;
	}
	
	.digitalcrosstalk_head_lead p {
		font-size: 13px;
		font-weight: 500;
		line-height: 2;
	}
	
	.digitalcrosstalk_head_lead span {
		font-size: 11px;
	}
	
	.digitalcrosstalk_profile {
		margin-left: 15px;
		margin-bottom: 30px;
	}
	
	.digitalcrosstalk_profile .contents_inner {
		
	}
	
	.digitalcrosstalk_profile .contents_inner:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
		z-index: 0;
	}
	
	.digitalcrosstalk_profile_inner {
		padding: 20px 0 20px 0px;
		position: relative;
		z-index: 1;
		color: #ffffff;
	}
	
	.digitalcrosstalk_profile_box {
		padding: 5px 0 0 0;
		border-bottom: 1px solid #ffffff;
		margin-bottom: 20px;
	}
	
	.digitalcrosstalk_profile_box h3 {
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 25px;
	}
	
	.digitalcrosstalk_profile_box h3 span {
		font-size: 12px;
		font-weight: 400;
	}
	
	.digitalcrosstalk_profile_box p {
		font-size: 12px;
		margin-bottom: 30px;
	}
	
	.digitalcrosstalk_profile_box dl {
		
	}
	
	.digitalcrosstalk_profile_box dl dt {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.digitalcrosstalk_profile_box dl dd {
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	.digitalcrosstalk_wrap {
		margin-bottom: 60px;
	}
	
	.digitalcrosstalk_wrap3, .digitalcrosstalk_wrap4 {
		margin-bottom: 40px;
	}
	
	.digitalcrosstalk_wrap .contents_inner {
		background: #ffffff;
		padding: 20px;
		position: relative;
		max-width: 1064px;
	}
	
	.digitalcrosstalk_wrap .contents_inner:before {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		right: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.digitalcrosstalk_wrap2 .contents_inner:before {
		content: "";
		position: absolute;
		width: 100vw;
		height: 100%;
		top: 0;
		right: auto;
		left: 100%;
		z-index: 1;
		background: #ffffff;
	}
	
	.digitalcrosstalk_wrap_inner {
		position: relative;
	}
	
	.digitalcrosstalk_wrap3 .digitalcrosstalk_wrap_inner, .digitalcrosstalk_wrap4 .digitalcrosstalk_wrap_inner {
		padding-bottom: 0;
	}
	
	.digitalcrosstalk_wrap h2 {
		font-size: 20px;
		font-weight: bold;
		color: #D21E32;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 30px;
	}
	
	.digitalcrosstalk_wrap_q {
		font-size: 14px;
		font-weight: 500;
		color: #D21E32;
		margin: 0 0 20px 0px;
	}
	
	.digitalcrosstalk_wrap_a {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	
	.digitalcrosstalk_wrap_thumb {
		width: 60px;
		text-align: center;
		font-size: 12px;
		color: #D21E32;
		margin: 5px 0 0;
	}
	
	.digitalcrosstalk_wrap_thumb_img img {
		width: 60px;
		height: auto;
		border: 1px solid #D21E32;
		border-radius: 10px;
		margin-bottom: 5px;
	}
	
	.digitalcrosstalk_wrap_text {
		width: calc(100% - 80px);
		font-size: 14px;
		line-height: 2;
	}
	
	.digitalcrosstalk_wrap_text_small {
		font-size: 12px;
	}
	
	.digitalcrosstalk_wrap_photo {
		z-index: 1;
	}
	
	.digitalcrosstalk_wrap2 .digitalcrosstalk_wrap_photo {
		margin-left: -20px;
	}
	
	.digitalcrosstalk_wrap_photo img {
		width: calc(100% + 20px);
		height: auto;
	}
	
	.digitalcrosstalk_wrap2 .digitalcrosstalk_wrap_photo img {
		width: 100%;
	}
	
	.digitalcrosstalk_foot_photo {
		margin-bottom: 50px;
	}
	
	.digitalcrosstalk_foot_photo .contents_inner {
		padding: 0;
	}
	
	.digitalcrosstalk_foot_photo img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group childcare-crosstalk */
	
	.childcare-crosstalk_head {
		background: url("../img/careerculture/childcare-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.childcare-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.childcare-crosstalk_head .contents_inner {
		height: 280px;
	}
	
	/* @end */
	
	/* @group hr-exchange-crosstalk */
	
	.hr-exchange-crosstalk_head {
		background: url("../img/careerculture/hr-exchange-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.hr-exchange-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.hr-exchange-crosstalk_head .contents_inner {
		height: 280px;
	}
	
	.hr-exchange-crosstalk_point {
		position: relative;
		z-index: 1;
		margin: 0px;
		padding-bottom: 80px;
	}
	
	.hr-exchange-crosstalk_point_inner {
		border-radius: 13px;
		padding: 80px 20px 20px;
		color: #ffffff;
		background: rgba(255,255,255,0.1) url("../img/careerculture/hr-exchange-crosstalk_icon.svg") no-repeat top 20px center;
		background-size: 40px auto;
	}
	
	.hr-exchange-crosstalk_point_inner h4 {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.hr-exchange-crosstalk_point_inner p {
		
	}
	
	/* @end */
	
	/* @group ojt-crosstalk */
	
	.ojt-crosstalk_head {
		background: url("../img/careerculture/ojt-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.ojt-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.ojt-crosstalk_head .contents_inner {
		height: 280px;
	}
	
	.ojt-crosstalk_profile_box {
		padding: 5px 0 0 0;
		border-bottom: 1px solid #ffffff;
		margin-bottom: 20px;
		display: flex;
		position: relative;
	}
	
	.ojt-crosstalk_profile_label {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 16px;
		margin-right: 30px;
		letter-spacing: 2px;
	}
	
	.ojt-crosstalk_profile_box h3 {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 25px;
	}
	
	.ojt-crosstalk_profile_box h3 span {
		font-size: 12px;
		font-weight: 400;
	}
	
	.ojt-crosstalk_profile_box p {
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	.ojt-crosstalk_profile_box dl {
		
	}
	
	.ojt-crosstalk_profile_box dl dt {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.ojt-crosstalk_profile_box dl dd {
		font-size: 14px;
		margin-bottom: 35px;
	}
	
	/* @end */
	
	/* @group innovationcrosstalk*/
	
	.innovationcrosstalk_head {
		background: url("../img/people/innovationcrosstalk_main.jpg") no-repeat center center;
		background-size: cover;
		position: relative;
	}
	
	.innovationcrosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.innovationcrosstalk_head .contents_inner {
		height: 280px;
	}
	
	/* @end */
	
	/* @group theme talk */
	
	.themetalkindex_container {
		margin: 60px 0;
		background: #F6F6F6;
	}
	
	.themetalkindex_wrap {
		max-width: 1040px;
		margin: 0 auto;
	}
	
	.themetalkindex_box {
		position: relative;
		margin-bottom: 50px;
	}
	
	.themetalkindex_num {
		position: absolute;
		top: -15px;
		left: -10px;
		background: #462864;
		color: #ffffff;
		padding: 5px 15px;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		z-index: 1;
	}
	
	.themetalkindex_thumb {
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	.themetalkindex_thumb img {
		width: 100%;
		height: auto;
		transition: all 0.3s;
	}
	
	.themetalkindex_text {
		font-size: 14px;
		font-weight: 500;
	}
	
	/* @end */
	
	/* @group challenged-crosstalk */
	
	.challenged-crosstalk_head {
		background: url("../img/careerculture/challenged-crosstalk_main.jpg") no-repeat top center;
		background-size: cover;
		position: relative;
	}
	
	.challenged-crosstalk_head:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(50,50,50,0.3);
	}
	
	.challenged-crosstalk_head .contents_inner {
		height: 280px;
	}
	
	/* @end */
	
	/* @group careerrecruit */
	
	.careerrecruit_head {
		background: linear-gradient(135deg, #001C7B 50%, #00A7E1 100%);
	}
	
	.careerrecruit_head .contents_inner {
		height: 200px;
		color: #ffffff;
	}
	
	.careerrecruit_head h2 {
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		padding: 40px 0 0;
	}
	
	.careerrecruit_head h1 {
		font-size: 24px;
		font-weight: 500;
		margin: 60px 0 0;
	}
	
	.careerrecruit_index_box a{
		padding: 25px 20px 25px 25px;
	}
	
	/* @end */
	
	/* @group career jtb */
	
	.careerrecruit_head_jtb h3 {
		font-size: 14px;
		font-weight: 400;
		padding: 27px 0 0;
	}
	
	.careerrecruit_head_jtb h1 {
		margin: 7px 0 0;
	}
	
	.careerjtb_lead {
		font-size: 14px;
		font-weight: 500;
		line-height: 2;
		text-align: left;
		padding: 80px 0;
	}
	
	.careerjtb_wrap {
		background: #ffffff;
		margin: 60px auto 110px;
		position: relative;
		padding-bottom: 10px;
	}
	
	.careerjtb_photo {
		transform: translate(-20px,-40px);
		margin-bottom: 0px;
	}
	
	.careerjtb_photo img {
		width: 100%;
		height: auto;
		max-width: 1030px;
	}
	
	.careerjtb_text {
		background: linear-gradient(120deg , #001c7b 30%, #00a7e1 100%);
		padding: 20px;
		color: #ffffff;
	}
	
	.careerjtb_text h2 {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 10px;
		font-family: 'Noto Serif JP', serif;
	}
	
	.careerjtb_text p {
		font-size: 14px;
		line-height: 2;
	}
	
	.careerjtb_link {
		margin: 30px 0;
	}
	
	.careerjtb_link a {
		display: block;
		background: #005AC8;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
		padding: 15px;
		border-radius: 100px;
		margin: 0 35px;
		text-decoration: none;
		position: relative;
		transition: all 0.3s;
		border: 1px solid #005AC8;
		margin-bottom: 15px;
	}
	
	.careerjtb_link a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 6.082px;
		height: 9.743px;
		background: url("../img/career/career_arrow.svg") no-repeat;
		background-size: 6.082px auto;
		margin-top: -5px;
	}
	
	
	/* @end */
	
	/* @group footer */
	
	footer {
		background: url("../img/common/footer_back.png") no-repeat top center;
		background-size: cover;
		padding: 30px 0 20px;
		margin-bottom: 34px;
		position: relative;
	}
	
	.pagetop {
		position: absolute;
		bottom: 0px;
		right: 0;
		z-index: 10;
	}
	
	.pagetop img {
		width: 40px;
		height: auto;
	}
	
	footer a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.footer_head {
		display: none;
	}
	
	.footer_link {
		display: none;
	}
	
	.footer_bottom {
		display: flex;
		flex-wrap: wrap;
	}
	
	.copyright {
		width: 100%;
		font-family: 'Open Sans', sans-serif;
		font-size: 10px;
		color: #ffffff;
		letter-spacing: 0.03em;
		margin: 30px 0 0;
		order: 2;
	}
	
	.footer_other {
		width: 100%;
		display: flex;
		order: 1;
		justify-content: space-between;
	}
	
	.footer_other li {
		font-size: 10px;
	}
	
	.footer_sns {
		background: #ffffff;
		padding: 10px 15px;
		margin-bottom: 20px;
	}
	
	.footer_sns_title {
		margin-bottom: 10px;
	}
	
	.footer_sns_title h5 {
		font-weight: 600;
		font-size: 14px;
	}
	
	.footer_sns_title p {
		font-size: 12px;
	}
	
	.footer_sns_icons {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	
	.footer_sns_icons li {
		margin: 0 3px;
	}
	
	.footer_sns_link {
		display: flex;
		justify-content: space-between;
	}
	
	.footer_sns_link a {
		color: #323232;
		font-size: 12px;
	}
	
	.footer_sns_link a.jtbeing {
		color: #a04614;
	}
	
	/* @end */
}

.color_jtb .people_head_text {
	background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
}

.color_jtb .people_head_message_box, .color_jtb .people_interview h2, .color_jtb .people_interview_text h3, .color_jtb .people_bottom {
	color: #FF6400;
}

.color_jtb .people_interview_text h3:before, .color_jtb .people_bottom h4 {
	background: #FF6400;
}

.color_jtb .people_bottom_1day_table {
	border-top: 1px dotted rgba(255,100,0,0.4);
}

.color_jtb .people_bottom_1day_table_row {
	border-bottom: 1px dotted rgba(255,100,0,0.4);
}

.color_jtb .people_backindex a {
	background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
}

.color_rose .people_head_text {
	background: linear-gradient(160deg ,#d21e32 0%, #dc6464 60%,  #e69696 100%);
}

.color_rose .people_head_message_box, .color_rose .people_interview h2, .color_rose .people_interview_text h3, .color_rose .people_bottom {
	color: #d21e32;
}

.color_rose .people_interview_text h3:before, .color_rose .people_bottom h4 {
	background: #d21e32;
}

.color_rose .people_bottom_1day_table {
	border-top: 1px dotted rgba(204,0,0,0.4);
}

.color_rose .people_bottom_1day_table_row {
	border-bottom: 1px dotted rgba(204,0,0,0.4);
}

.color_rose .people_backindex a {
	background: linear-gradient(160deg ,#d21e32 0%, #dc6464 60%,  #e69696 100%);
}

.color_green .people_head_text {
	background: linear-gradient(160deg ,#284632 0%, #197d46 60%,  #8cb400 100%);
}

.color_green .people_head_message_box, .color_green .people_interview h2, .color_green .people_interview_text h3, .color_green .people_bottom {
	color: #284632;
}

.color_green .people_interview_text h3:before, .color_green .people_bottom h4 {
	background: #284632;
}

.color_green .people_bottom_1day_table {
	border-top: 1px dotted rgba(40,70,50,0.4);
}

.color_green .people_bottom_1day_table_row {
	border-bottom: 1px dotted rgba(40,70,50,0.4);
}

.color_green .people_backindex a {
	background: linear-gradient(160deg ,#284632 0%, #197d46 60%,  #8cb400 100%);
}

.color_blue .people_head_text {
	background: linear-gradient(160deg ,#001c7b 0%, #005ac8 60%,  #00a7e1 100%);
}

.color_blue .people_head_message_box, .color_blue .people_interview h2, .color_blue .people_interview_text h3, .color_blue .people_bottom {
	color: #001c7b;
}

.color_blue .people_interview_text h3:before, .color_blue .people_bottom h4 {
	background: #001c7b;
}

.color_blue .people_bottom_1day_table {
	border-top: 1px dotted rgba(0,28,123,0.4);
}

.color_blue .people_bottom_1day_table_row {
	border-bottom: 1px dotted rgba(0,28,123,0.4);
}

.color_blue .people_backindex a {
	background: linear-gradient(160deg ,#001c7b 0%, #005ac8 60%,  #00a7e1 100%);
}

.color_glay .people_head_text {
	background: linear-gradient(160deg ,#323232 0%, #787878 60%,  #bebebe 100%);
}

.color_glay .people_head_message_box, .color_glay .people_interview h2, .color_glay .people_interview_text h3, .color_glay .people_bottom {
	color: #323232;
}

.color_glay .people_interview_text h3:before, .color_glay .people_bottom h4 {
	background: #323232;
}

.color_glay .people_bottom_1day_table {
	border-top: 1px dotted rgba(50,50,50,0.4);
}

.color_glay .people_bottom_1day_table_row {
	border-bottom: 1px dotted rgba(50,50,50,0.4);
}

.color_glay .people_backindex a {
	background: linear-gradient(160deg ,#323232 0%, #787878 60%,  #bebebe 100%);
}

.color_turquoise .people_head_text {
	background: linear-gradient(160deg ,#005064 0%, #0082a0 60%,  #3cc8d2 100%);
}

.color_turquoise .people_head_message_box, .color_turquoise .people_interview h2, .color_turquoise .people_interview_text h3, .color_turquoise .people_bottom {
	color: #005064;
}

.color_turquoise .people_interview_text h3:before, .color_turquoise .people_bottom h4 {
	background: #005064;
}

.color_turquoise .people_bottom_1day_table {
	border-top: 1px dotted rgba(0,80,100,0.4);
}

.color_turquoise .people_bottom_1day_table_row {
	border-bottom: 1px dotted rgba(0,80,100,0.4);
}

.color_turquoise .people_backindex a {
	background: linear-gradient(160deg ,#005064 0%, #0082a0 60%,  #3cc8d2 100%);
}

/* GROUP & JOB */

.color_jtb .groupjob_head, .color_jtb .groupjob_work_course_box, .color_jtb .groupjob_return_link {
	background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
}

.color_jtb .groupjob_tabs ul li a, .color_jtb .groupjob_info_table_link {
	background: #FF6400;
	border: 1px solid #FF6400;
}

.color_jtb .groupjob_title_ja, .color_jtb .groupjob_culture_head_thumb h3 span:before, .color_jtb .groupjob_culture_head_thumb h3 span:after {
	background: #FF6400;
}

.color_jtb .groupjob_title_en {
	color: rgba(255,100,0,0.2);
}

.color_jtb .groupjob_business_box h3, .color_jtb .groupjob_work_box h3, .color_jtb .groupjob_work_lead, .color_jtb .groupjob_culture_head_thumb h3 span, .color_jtb .groupjob_culture_head_textarea h4, .color_jtb .groupjob_culture_column_box h4, .color_jtb .groupjob_culture_person h4 {
	color: #ff6200;
}

.color_jtb .groupjob_work .contents_inner:before, .color_jtb .groupjob_info .contents_inner:before , .color_jtb .groupjob_info .contents_inner {
	background: rgba(255,100,0,0.2);
}

.color_jtb .groupjob_work .contents_inner {
	background: rgba(255,100,0,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_jtb .groupjob_culture_wrap h3 , .color_jtb .groupjob_info_table h3 {
	color: #ff6200;
	background: rgba(255,100,0,0.2);
}

.color_jtb .groupjob_info_table table th {
	color: #ff6200;
	border-bottom: 1px solid rgba(255,100,0,0.2);
}

.color_jtb .groupjob_info_table table td {
	border-bottom: 1px solid rgba(255,100,0,0.2);
}

.color_jtb .groupjob_info_table table {
	border-top: 1px solid rgba(255,100,0,0.2);
}

.color_jtb .groupjob_head, .color_jtb .groupjob_work_course_box, .color_jtb .groupjob_return_link {
	background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
}

.color_jtb .groupjob_tabs ul li a, .color_jtb .groupjob_info_table_link {
	background: #FF6400;
	border: 1px solid #FF6400;
}

.color_jtb .groupjob_title_ja, .color_jtb .groupjob_culture_head_thumb h3 span:before, .color_jtb .groupjob_culture_head_thumb h3 span:after {
	background: #FF6400;
}

.color_jtb .groupjob_title_en {
	color: rgba(255,100,0,0.2);
}

.color_jtb .groupjob_business_box h3, .color_jtb .groupjob_work_box h3, .color_jtb .groupjob_work_lead, .color_jtb .groupjob_culture_head_thumb h3 span, .color_jtb .groupjob_culture_head_textarea h4, .color_jtb .groupjob_culture_column_box h4, .color_jtb .groupjob_culture_person h4 {
	color: #ff6200;
}

.color_jtb .groupjob_work .contents_inner:before, .color_jtb .groupjob_info .contents_inner:before , .color_jtb .groupjob_info .contents_inner {
	background: rgba(255,100,0,0.2);
}

.color_jtb .groupjob_work .contents_inner {
	background: rgba(255,100,0,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_jtb .groupjob_culture_wrap h3 , .color_jtb .groupjob_info_table h3 {
	color: #ff6200;
	background: rgba(255,100,0,0.2);
}

.color_jtb .groupjob_info_table table th {
	color: #ff6200;
	border-bottom: 1px solid rgba(255,100,0,0.2);
}

.color_jtb .groupjob_info_table table td {
	border-bottom: 1px solid rgba(255,100,0,0.2);
}

.color_jtb .groupjob_info_table table {
	border-top: 1px solid rgba(255,100,0,0.2);
}

.color_rose .groupjob_head, .color_rose .groupjob_work_course_box, .color_rose .groupjob_return_link {
	background: linear-gradient(160deg ,#d21e32 0%, #dc6464 60%,  #e69696 100%);
}

.color_rose .groupjob_tabs ul li a, .color_rose .groupjob_info_table_link {
	background: #d21e32;
	border: 1px solid #d21e32;
}

.color_rose .groupjob_title_ja, .color_rose .groupjob_culture_head_thumb h3 span:before, .color_rose .groupjob_culture_head_thumb h3 span:after {
	background: #d21e32;
}

.color_rose .groupjob_title_en {
	color: rgba(204,0,0,0.2);
}

.color_rose .groupjob_business_box h3, .color_rose .groupjob_work_box h3, .color_rose .groupjob_work_lead, .color_rose .groupjob_culture_head_thumb h3 span, .color_rose .groupjob_culture_head_textarea h4, .color_rose .groupjob_culture_column_box h4, .color_rose .groupjob_culture_person h4 {
	color: #d21e32;
}

.color_rose .groupjob_work .contents_inner:before, .color_rose .groupjob_info .contents_inner:before , .color_rose .groupjob_info .contents_inner {
	background: rgba(204,0,0,0.2);
}

.color_rose .groupjob_work .contents_inner {
	background: rgba(204,0,0,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_rose .groupjob_culture_wrap h3 , .color_rose .groupjob_info_table h3 {
	color: #d21e32;
	background: rgba(204,0,0,0.2);
}

.color_rose .groupjob_info_table table th {
	color: #d21e32;
	border-bottom: 1px solid rgba(204,0,0,0.2);
}

.color_rose .groupjob_info_table table td {
	border-bottom: 1px solid rgba(204,0,0,0.2);
}
	
.color_rose .groupjob_att {
	border: 2px solid #d21e32;
	color: #d21e32;
}

.color_rose .groupjob_info_table table {
	border-top: 1px solid rgba(204,0,0,0.2);
}

.color_green .groupjob_head, .color_green .groupjob_work_course_box, .color_green .groupjob_return_link {
	background: linear-gradient(160deg ,#284632 0%, #197d46 60%,  #8cb400 100%);
}

.color_green .groupjob_tabs ul li a, .color_green .groupjob_info_table_link {
	background: #284632;
	border: 1px solid #284632;
}

.color_green .groupjob_title_ja, .color_green .groupjob_culture_head_thumb h3 span:before, .color_green .groupjob_culture_head_thumb h3 span:after {
	background: #284632;
}

.color_green .groupjob_title_en {
	color: rgba(40,70,50,0.2);
}

.color_green .groupjob_business_box h3, .color_green .groupjob_work_box h3, .color_green .groupjob_work_lead, .color_green .groupjob_culture_head_thumb h3 span, .color_green .groupjob_culture_head_textarea h4, .color_green .groupjob_culture_column_box h4, .color_green .groupjob_culture_person h4 {
	color: #284632;
}

.color_green .groupjob_work .contents_inner:before, .color_green .groupjob_info .contents_inner:before , .color_green .groupjob_info .contents_inner {
	background: rgba(40,70,50,0.2);
}

.color_green .groupjob_work .contents_inner {
	background: rgba(40,70,50,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_green .groupjob_culture_wrap h3 , .color_green .groupjob_info_table h3 {
	color: #284632;
	background: rgba(40,70,50,0.2);
}

.color_green .groupjob_info_table table th {
	color: #284632;
	border-bottom: 1px solid rgba(40,70,50,0.2);
}

.color_green .groupjob_info_table table td {
	border-bottom: 1px solid rgba(40,70,50,0.2);
}

.color_green .groupjob_info_table table {
	border-top: 1px solid rgba(40,70,50,0.2);
}

.color_blue .groupjob_head, .color_blue .groupjob_work_course_box, .color_blue .groupjob_return_link {
	background: linear-gradient(160deg ,#001c7b 0%, #005ac8 60%,  #00a7e1 100%);
}

.color_blue .groupjob_tabs ul li a, .color_blue .groupjob_info_table_link {
	background: #001c7b;
	border: 1px solid #001c7b;
}

.color_blue .groupjob_title_ja, .color_blue .groupjob_culture_head_thumb h3 span:before, .color_blue .groupjob_culture_head_thumb h3 span:after {
	background: #001c7b;
}

.color_blue .groupjob_title_en {
	color: rgba(0,28,123,0.2);
}

.color_blue .groupjob_business_box h3, .color_blue .groupjob_work_box h3, .color_blue .groupjob_work_lead, .color_blue .groupjob_culture_head_thumb h3 span, .color_blue .groupjob_culture_head_textarea h4, .color_blue .groupjob_culture_column_box h4, .color_blue .groupjob_culture_person h4 {
	color: #001c7b;
}

.color_blue .groupjob_work .contents_inner:before, .color_blue .groupjob_info .contents_inner:before , .color_blue .groupjob_info .contents_inner {
	background: rgba(0,28,123,0.2);
}

.color_blue .groupjob_work .contents_inner {
	background: rgba(0,28,123,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_blue .groupjob_culture_wrap h3 , .color_blue .groupjob_info_table h3 {
	color: #001c7b;
	background: rgba(0,28,123,0.2);
}

.color_blue .groupjob_info_table table th {
	color: #001c7b;
	border-bottom: 1px solid rgba(0,28,123,0.2);
}

.color_blue .groupjob_info_table table td {
	border-bottom: 1px solid rgba(0,28,123,0.2);
}

.color_blue .groupjob_info_table table {
	border-top: 1px solid rgba(0,28,123,0.2);
}

.color_glay .groupjob_head, .color_glay .groupjob_work_course_box, .color_glay .groupjob_return_link {
	background: linear-gradient(160deg ,#323232 0%, #787878 60%,  #bebebe 100%);
}

.color_glay .groupjob_tabs ul li a, .color_glay .groupjob_info_table_link {
	background: #323232;
	border: 1px solid #323232;
}

.color_glay .groupjob_title_ja, .color_glay .groupjob_culture_head_thumb h3 span:before, .color_glay .groupjob_culture_head_thumb h3 span:after {
	background: #323232;
}

.color_glay .groupjob_title_en {
	color: rgba(50,50,50,0.2);
}

.color_glay .groupjob_business_box h3, .color_glay .groupjob_work_box h3, .color_glay .groupjob_work_lead, .color_glay .groupjob_culture_head_thumb h3 span, .color_glay .groupjob_culture_head_textarea h4, .color_glay .groupjob_culture_column_box h4, .color_glay .groupjob_culture_person h4 {
	color: #323232;
}

.color_glay .groupjob_work .contents_inner:before, .color_glay .groupjob_info .contents_inner:before , .color_glay .groupjob_info .contents_inner {
	background: rgba(50,50,50,0.2);
}

.color_glay .groupjob_work .contents_inner {
	background: rgba(50,50,50,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_glay .groupjob_culture_wrap h3 , .color_glay .groupjob_info_table h3 {
	color: #323232;
	background: rgba(50,50,50,0.2);
}

.color_glay .groupjob_info_table table th {
	color: #323232;
	border-bottom: 1px solid rgba(50,50,50,0.2);
}

.color_glay .groupjob_info_table table td {
	border-bottom: 1px solid rgba(50,50,50,0.2);
}

.color_glay .groupjob_info_table table {
	border-top: 1px solid rgba(50,50,50,0.2);
}

.color_turquoise .groupjob_head, .color_turquoise .groupjob_work_course_box, .color_turquoise .groupjob_return_link {
	background: linear-gradient(160deg ,#005064 0%, #0082a0 60%,  #3cc8d2 100%);
}

.color_turquoise .groupjob_tabs ul li a, .color_turquoise .groupjob_info_table_link {
	background: #005064;
	border: 1px solid #005064;
}

.color_turquoise .groupjob_title_ja, .color_turquoise .groupjob_culture_head_thumb h3 span:before, .color_turquoise .groupjob_culture_head_thumb h3 span:after {
	background: #005064;
}

.color_turquoise .groupjob_title_en {
	color: rgba(0,80,100,0.2);
}

.color_turquoise .groupjob_business_box h3, .color_turquoise .groupjob_work_box h3, .color_turquoise .groupjob_work_lead, .color_turquoise .groupjob_culture_head_thumb h3 span, .color_turquoise .groupjob_culture_head_textarea h4, .color_turquoise .groupjob_culture_column_box h4, .color_turquoise .groupjob_culture_person h4 {
	color: #005064;
}

.color_turquoise .groupjob_work .contents_inner:before, .color_turquoise .groupjob_info .contents_inner:before , .color_turquoise .groupjob_info .contents_inner {
	background: rgba(0,80,100,0.2);
}

.color_turquoise .groupjob_work .contents_inner {
	background: rgba(0,80,100,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 300px left 50px;
}

.color_turquoise .groupjob_culture_wrap h3 , .color_turquoise .groupjob_info_table h3 {
	color: #005064;
	background: rgba(0,80,100,0.2);
}

.color_turquoise .groupjob_info_table table th {
	color: #005064;
	border-bottom: 1px solid rgba(0,80,100,0.2);
}

.color_turquoise .groupjob_info_table table td {
	border-bottom: 1px solid rgba(0,80,100,0.2);
}

.color_turquoise .groupjob_info_table table {
	border-top: 1px solid rgba(0,80,100,0.2);
}

/* INFO */

.color_jtb .info_head, .color_jtb .newinfo_job_box h4 {
	background: linear-gradient(160deg ,#cc0000 0%, #eb5514 60%,  #ffb900 100%);
}

.color_jtb .newinfo_job_detail table th, .color_jtb .newinfo_job_detail table td h5 {
	color: #FF6400;
}

.color_rose .info_head , .color_rose .newinfo_job_box h4 {
	background: linear-gradient(160deg ,#d21e32 0%, #dc6464 60%,  #e69696 100%);
}

.color_rose .newinfo_job_detail table th, .color_rose .newinfo_job_detail table td h5 {
	color: #d21e32;
}

.color_green .info_head , .color_green .newinfo_job_box h4 {
	background: linear-gradient(160deg ,#284632 0%, #197d46 60%,  #8cb400 100%);
}

.color_green .newinfo_job_detail table th, .color_green .newinfo_job_detail table td h5 {
	color: #284632;
}

.color_blue .info_head , .color_blue .newinfo_job_box h4 {
	background: linear-gradient(160deg ,#001c7b 0%, #005ac8 60%,  #00a7e1 100%);
}

.color_blue .newinfo_job_detail table th, .color_blue .newinfo_job_detail table td h5 {
	color: #001c7b;
}

.color_glay .info_head , .color_glay .newinfo_job_box h4 {
	background: linear-gradient(160deg ,#323232 0%, #787878 60%,  #bebebe 100%);
}

.color_glay .newinfo_job_detail table th, .color_glay .newinfo_job_detail table td h5 {
	color: #323232;
}

.color_turquoise .info_head , .color_turquoise .newinfo_job_box h4 {
	background: linear-gradient(160deg ,#005064 0%, #0082a0 60%,  #3cc8d2 100%);
}

.color_turquoise .newinfo_job_detail table th, .color_turquoise .newinfo_job_detail table td h5 {
	color: #005064;
}

@media all and (min-width: 769px) {
	.color_jtb	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #FF6400;
	}
	
	.color_jtb .groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #FF6400;
		border-right: 1px solid #FF6400;
	}
	
	.color_jtb .groupjob_info_table_link:hover {
		background: #ffffff;
		color: #ff6200;
		border: 1px solid #ff6200;
	}
	
	.color_rose	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #d21e32;
	}
	
	.color_rose .groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #d21e32;
		border-right: 1px solid #d21e32;
	}
	
	.color_rose .groupjob_info_table_link:hover {
		background: #ffffff;
		color: #d21e32;
		border: 1px solid #d21e32;
	}
	
	.color_green	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #284632;
	}
	
	.color_green .groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #284632;
		border-right: 1px solid #284632;
	}
	
	.color_green .groupjob_info_table_link:hover {
		background: #ffffff;
		color: #284632;
		border: 1px solid #284632;
	}
	
	.color_blue	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #001c7b;
	}
	
	.color_blue .groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #001c7b;
		border-right: 1px solid #001c7b;
	}
	
	.color_blue .groupjob_info_table_link:hover {
		background: #ffffff;
		color: #001c7b;
		border: 1px solid #001c7b;
	}
	
	.color_glay	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #323232;
	}
	
	.color_glay .groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #323232;
		border-right: 1px solid #323232;
	}
	
	.color_glay .groupjob_info_table_link:hover {
		background: #ffffff;
		color: #323232;
		border: 1px solid #323232;
	}
	
	.color_turquoise	.groupjob_tabs ul li a:hover {
		background: #ffffff;
		color: #005064;
	}
	
	.color_turquoise .groupjob_tabs ul li a:hover::before {
		border-bottom: 1px solid #005064;
		border-right: 1px solid #005064;
	}
	
	.color_turquoise .groupjob_info_table_link:hover {
		background: #ffffff;
		color: #005064;
		border: 1px solid #005064;
	}
}
@media only screen and (max-width: 768px) {
	.color_jtb .groupjob_work .contents_inner {
		background: rgba(255,100,0,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
	}
	
	.color_jtb .groupjob_info_table table th {
		border-bottom: 0;
	}
	
	.color_rose .groupjob_work .contents_inner {
		background: rgba(204,0,0,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
	}
	
	.color_rose .groupjob_info_table table th {
		border-bottom: 0;
	}
	
	.color_green .groupjob_work .contents_inner {
		background: rgba(40,70,50,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
	}
	
	.color_green .groupjob_info_table table th {
		border-bottom: 0;
	}
	
	.color_blue .groupjob_work .contents_inner {
		background: rgba(0,28,123,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
	}
	
	.color_blue .groupjob_info_table table th {
		border-bottom: 0;
	}
	
	.color_glay .groupjob_work .contents_inner {
		background: rgba(50,50,50,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
	}
	
	.color_glay .groupjob_info_table table th {
		border-bottom: 0;
	}
	
	.color_turquoise .groupjob_work .contents_inner {
		background: rgba(0,80,100,0.2) url("../img/groupjob/icon_groupjob_course.svg") no-repeat top 150px left 20px;
		background-size: 60px auto;
	}
	
	.color_turquoise .groupjob_info_table table th {
		border-bottom: 0;
	}
}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}