@charset "utf-8";


/* ------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1039px) {
	.is-recruit.is-index-page .c-index-page__image {
		max-width: 52.5%;
		top: 5%;
	}
	
	.c-page-bottom-nav.is-recruit-local {
		margin: 0;
		padding: 40px 0 120px;
	}
	
	.c-staff-menu ul {
		margin: 0 -5px;
	}
	
	.c-staff-menu ul li {
		padding: 0 5px 30px;
	}
	
	.c-staff-menu ul li .e-name {
		padding: 10px 5px 10px 15px;
	}
	
	.c-staff-menu ul li a {
		min-height: 260px;
	}
	
	.c-staff-menu .c-index-nav__button em {
		transform-origin: left center;
		transform: scale(.8);
	}
	
	.c-staff-main h1 {
		width: 205px;
		height: 205px;
	}
	
	.c-staff-main h1:after {
		width: 240px;
		height: 240px;
	}
	
	.c-staff-main h1 strong {
		font-size: 1.8rem;
	}
	
	.c-staff-main ul {
		padding: 30px 0 30px 180px;
	}
	
	.c-staff-menu.is-other {
		padding: 70px 20px 30px;
	}
	
	.is-contribute .g-container:before {
		width: 80%;
		height: auto;
		padding: 70% 0 0;
	}
	
	.c-contribute__catch img {
		max-width: 50%;
	}
	
	.c-contribute__list-inner {
		padding: 30px 30px 60px;
	}
	
	.c-contribute__list-inner > div {
		padding: 0 10px;
	}
	
	.c-contribute__main-image {
		margin-top: -30px;
	}
	
	
	
	
} /* END RESPONSIVE */


@media screen and (max-width:767px) {
	.is-recruit.is-index-page .c-index-page__image {
		max-width: 91.5%;
		top: 5%;
		left: auto;
		right: 0;
	}
	
	.is-staff.is-index-page.is-column-1 .g-content {
		padding-bottom: 0;
	}
	
	.is-staff.is-index-page .g-main-visual {
		margin-bottom: 100px;
	}
	
	.is-staff.is-index-page .g-main-visual p {
		letter-spacing: 0;
		padding: 0 20px;
	}
	
	.c-staff-menu {
		margin: 0;
		transform: translateY(-50px);
	}
	
	.c-staff-menu ul {
		margin: 0 -7px;
		display: flex;
	}
	
	.c-staff-menu ul li {
		width: 50%;
		padding: 0 7px 20px;
	}
	
	.c-staff-menu ul li a {
		min-height: 200px;
	}
	
	.c-staff-menu ul li .e-name strong {
		font-size: 1.4rem;
		margin: 0 0 5px;
	}
	
	.c-staff-menu .c-index-nav__button {
		display: none;
	}
	
	.c-staff-menu ul li .e-name {
		padding: 10px 5px 10px 10px;
	}
	
	.c-page-bottom-nav.is-recruit-local {
		margin: 0 !important;
		padding: 15% 0;
	}
	
	.c-page-bottom-nav.is-recruit-local h2 {
		margin: 0 0 30px;
	}
	
	.c-page-bottom-nav.is-recruit-local ul {
		justify-content: flex-start;
	}
	
	.c-page-bottom-nav.is-recruit-local li {
		width: 50% !important;
		max-width: none !important;
	}
	
	.c-page-bottom-nav.is-recruit-local li a {
		min-height: 60px !important;
	}
	
	.is-recruit .u-button-basic a em,
	.c-page-bottom-nav.is-recruit-local li .u-button-basic a em {
		letter-spacing: 0;
		padding-left: 15px;
	}
	
	.c-page-bottom-nav.is-recruit-local .u-button-basic em br.u-show-mobile {
		display: inline-block;
	}
	
	.c-page-bottom-nav.is-recruit-local .u-button-basic em br.u-hide-mobile {
		display: none;
	}
	
	
	
	
	.c-index-page__image {
		width: 350px;
		margin-top: -7%;
		margin-left: 10.5%;
		position: relative;
		top: auto;
		right: auto;
	}
	
	.c-index-page__pickup {
		width: 100%;
	}
	
	.is-message .l-president-photo {
		width: 100%;
		max-width: none;
		margin-left: 0;
		float: none;
	}
	
	.is-message .u-contents img {
		margin: 0 0 10px !important;
	}
	
	.is-requirements-corner {
		padding-top: 60px;
	}
	
	.is-requirements.u-page-menu ul {
		display: flex;
	}
	
	.is-requirements.u-page-menu ul li {
		width: 50%;
		padding: 5px 15px;
	}
	
	.is-recruit.is-requirements2 .g-content {
		min-height: 200px;
	}
	
	.c-staff-main h1 {
		width: 52%;
		height: auto;
		margin-top: -33%;
		padding: 52% 0 0;
		top: 0;
		left: auto;
		right: 5.3%;
		bottom: auto;
	}
	
	.c-staff-main h1:after {
		width: 180%;
		height: auto;
		padding: 142.8% 0 0;
		background: url(/_assets/img/recruit/staff/img-01@mobile.png) no-repeat right top / 100% auto;
		left: auto;
		right: -6.6%;
		bottom: -19%;
	}
	
	.is-staff.is-02 .c-staff-main h1:after,
	.is-staff.is-03 .c-staff-main h1:after {
		background-image: url("/_assets/img/recruit/staff/img-01@mobile-large.png");
	}
	
	.c-staff-main h1 strong {
		font-size: 1.7rem;
	}
	
	.c-staff-main ul {
		font-size: 1.3rem;
		padding: 22.5% 30px 5%;
	}
	
	.c-staff-main ul li {
		margin-left: 0;
	}
	
	.c-staff-corner:not(:first-of-type) {
		padding-top: 60px;
	}
	
	.c-staff-corner:first-of-type .u-inner {
		padding-top: 70px;
	}
	
	.c-staff-corner h2 {
		margin: 0 0 50px;
	}
	
	.c-staff-corner h2:after {
		font-size: 8rem;
	}
	
	.c-staff-corner h3 {
		font-size: 3rem;
		letter-spacing: 0;
		margin: 0 0 30px;
	}
	
	.c-staff-corner .u-text {
		font-size: 1.6rem;
		margin: 0 0 30px;
		padding: 0 20px;
	}
	
	.c-staff-corner figure {
		margin: 0 20px;
	}
	
	.c-staff-schedule {
		margin: 0 0 50px;
	}
	
	.c-staff-schedule dl {
		padding: 0 20px;
		display: flex;
	}
	
	.c-staff-schedule dl dt {
		font-size: 1.6rem;
		width: 60px;
	}
	
	.c-staff-schedule dl dd {
		width: calc(100% - 60px);
		padding-left: 20px;
	}
	
	.is-staff.is-01.is-staff-local .c-staff-schedule dl dd .note {
		margin-left: -80px;
	}
	
	.c-staff-holiday {
		padding: 0 20px;
	}
	
	.c-staff-holiday h2 {
		margin: -1em 0 15px;
	}
	
	.c-staff-holiday .u-inner {
		padding: 0 20px 15px;
	}
	
	.c-staff-note {
		margin: 30px 20px 0;
	}
	
	.c-staff-menu.is-other {
		padding: 90px 20px 60px;
		transform: none;
	}
	
	.c-staff-menu.is-other h3 em {
		font-size: 3rem;
	}
	
	.c-staff-menu.is-other h3 em:after {
		width: 44px;
		height: 44px;
		position: absolute;
		top: -50px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.c-staff-menu.is-other ul {
		margin: 0 -6px;
	}
	
	.c-staff-menu.is-other ul li {
		width: calc(100% / 2);
		padding: 0 6px 12px;
	}
	
	.c-staff-menu.is-other ul li a {
		min-height: 205px;
	}
	
	
	
	
	/* business */
	.is-business .g-main-visual p {
		padding: 0 20px;
	}
	
	.c-business-chart {
		padding: 50px 0 0;
	}
	
	.c-business-chart ul li a {
		padding: 5.93% 2.96%;
	}
	
	.c-business-chart ul li em {
		font-size: 1.6rem;
		text-align: center;
		max-width: 16.5%;
		display: inline-block;
	}
	
	.c-business-chart ul li span {
		line-height: 1.5;
		width: 16%;
	}
	
	.c-business-chart ul li span:nth-of-type(1) {
		margin-right: 57%;
	}

	.c-business-chart ul li span:nth-of-type(2) {
		margin-right: 39%;
	}

	.c-business-chart ul li span:nth-of-type(3) {
		margin-right: 21%;
	}

	.c-business-chart ul li span:nth-of-type(4) {
		margin-right: 3%;
	}
	
	.c-business-chart ul li span i {
		font-size: 1.5rem;
	}
	
	.c-business-chart ul li:nth-of-type(1) span,
	.c-business-chart ul li:nth-of-type(3) span {
		padding-top: 22%;
	}
	
	.c-business-chart ul li:nth-of-type(4) em {
		max-width: none;
	}
	
	.c-business-chart ul li:nth-of-type(4) a {
		padding: 10% 0;
	}
	
	.c-business-segment {
		padding: 100px 0 0;
	}
	
	.c-business-segment h2 {
		text-align: left !important;
	}
	
	.c-business-segment h2:after {
		width: 14px;
		height: 14px;
		border-width: 4px;
		top: -25px;
		left: 0;
		transform: none;
	}
	
	.c-business-segment h2:before {
		left: 22px;
	}
	
	.c-business-segment h3 {
		font-size: 2rem;
		text-align: left !important;
		margin: 0 0 10px;
	}
	
	.c-business-segment h3.u-hide-mobile {
		display: none;
	}
	
	.c-business-segment__inner {
		padding: 0;
	}
	
	.c-business-segment__inner figure {
		width: 100%;
		margin: 0 0 25px;
	}
	
	.c-business-segment__inner div {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.c-business-segment__inner dl dd ul li {
		padding-right: 25px;
		display: inline-block;
	}
	
	.c-staff-entrance {
		padding: 75px 0 85px;
		background-image: url("/_assets/img/recruit/business/staff-bg-01@mobile.jpg");
	}
	
	.c-staff-entrance h2 {
		font-size: 2.8rem;
	}
	
	.c-staff-entrance .u-button-basic a {
		min-height: 70px;
	}
	
	
	
	
	.is-contribute .g-container:before {
		width: 116%;
		padding: 140% 0 0;
	}
	
	.is-contribute .g-main-visual p {
		text-align: left !important;
		padding: 0 20px;
	}
	
	.c-contribute__catch {
		margin: 0 0 40%;
	}
	
	.c-contribute__catch img {
		max-width: 100%;
	}
	
	.c-contribute__catch:after {
		margin-bottom: -7%;
		bottom: 0;
	}
	
	.is-contribute .c-contribute__title h2:after {
		width: 14px;
		height: 14px;
		margin-top: -7%;
		border-width: 3px;
		top: 0;
	}
	
	.is-contribute .c-contribute__title .u-text {
		font-size: 1.6rem;
	}
	
	.c-contribute__list-inner:before,
	.c-contribute__list-inner:after {
		display: none;
	}
	
	.c-contribute__list-inner {
		padding-bottom: 30px;
	}
	
	.c-contribute__list-inner > div {
		width: 100%;
		padding: 0 0 70px;
	}
	
	.c-contribute__list-inner > div:nth-of-type(3) {
		padding: 0;
	}
	
	.c-contribute__list-inner > div h3 {
		margin: 0 0 15px;
		display: flex;
		align-items: center;
	}
	
	.c-contribute__list-inner > div h3 img {
		width: 60px;
	}
	
	.c-contribute__list-inner > div h3 em {
		padding: 0 0 0 10px;
	}
	
	.c-contribute__list-inner > div .u-text {
		font-size: 1.6rem;
		min-height: 0;
		margin: 0 0 15px;
	}
	
	.c-contribute__main-image {
		margin: 0;
	}
	
	
	
	
} /* END RESPONSIVE 767px */


@media screen and (max-width:374px) {
	.c-staff-main h1 strong {
		font-size: 1.8rem;
	}
	
	.c-staff-main h1 em {
		font-size: 1.8rem;
	}
	
	
	
} /* END RESPONSIVE 374px */


@media print {
	
	
	
	
} /* END PRINT */

