@charset "utf-8";
/*
 * smp.css  sp
 *
 */

@media only screen and (max-width : 767px){
	#wrapper {
	    padding-top: 7.3rem;
	}
	
	#header {
		padding: 0 1.2rem;
	}
	
	.header-logo {
	    height: 7.3rem;
	}
	
	.btn-menu {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.8rem 0;
	}
	
	#g-navi {
		display: block;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		position: absolute;
		top: 100%;
		right: 0;
		transition-duration: 0.5s;
		width: 100%;
		background: #fff;
		box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
	}
	#g-navi.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	#g-navi {
		padding: 6rem 2rem;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		height: calc(100vh - 7.3rem);
	}
	#g-navi > ul {
	    display: block;
	}
	#g-navi li .tit a {
		padding: 1.6rem 1.6rem 1.6rem 0;
		background: none;
		border-bottom: 1px solid #f0f0f0;
	}
	#g-navi li .tit span {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 5rem;
		height: 100%;
	}
	#g-navi li .tit span:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		transition-duration: 0.3s;
		width: 1.2rem;
		height: 100%;
		background: url(../img/common/icon_arr_down.svg) no-repeat center;
		background-size: 100%;
	}
	#g-navi li .tit span.open:after {
		transform: rotate(180deg);
	}
	#g-navi .pullmenu {
	    opacity: 1;
	    visibility: visible;
	    position: static;
	    transform: translateX(0%);
		transition-duration: 0s;
	    padding: 1rem 1.6rem;
	    min-width: 100%;
	    width: auto;
	    border-radius: 0;
	    box-shadow: 0 0 0;
	}
	
	.header-links.btn-link {
		flex-direction: column;
		align-items: center;
	    gap: 1rem;
	    margin: 2rem 0 0;
		text-align: center;
	}
	.header-links.btn-link a {
		width: 100%;
	}
	
	/* footer */
	.foot-links {
		padding: 6rem 0 3.6rem;
	}
	.foot-links-content {
		display: block;
	}
	.foot-links .item .mt24 {
		margin-top: 0;
	}
	.foot-links .js-toggle {
		border-bottom: 1px solid;
	}
	.foot-links .tit {
		margin-bottom: -1px;
		border-bottom: 1px solid;
		font-size: 1.6rem;
		position: relative;
	}
	.foot-links .other-links .tit + .tit {
		margin-top: 0;
	}

	.foot-links .tit a {
		display: block;
		padding: 1rem 0 1rem 2.2rem;
	}
	.foot-links .tit a:before {
		left: 0;
		top: 2rem;
		transition-duration: 0.3s;
		width: 0.8rem;
		height: 1.4rem;
	}
	.foot-links .js-toggle .tit a:before {
	    top: 2rem;
	}
	.foot-links .tit span {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 3.6rem;
		height: 100%;
		z-index: 2;
	}
	.foot-links .tit span:before,
	.foot-links .tit span:after {
		content: "";
		position: absolute;
		right: 1rem;
		top: 50%;
		transition-duration: 0.3s;
		width: 1.6rem;
		height: .1rem;
		transform: translateY(-50%);
		background: #fff;

	}
	.foot-links .tit span:before {
		transform: translateY(-50%) rotate(90deg);
	}

	.foot-links .tit span.open:before {
		transform: translateY(-50%) rotate(0);
	}
	.foot-links .js-toggle-box {
		padding: 1.6rem 0;
	}
	.foot-links .sub-links {
		padding-left: 2.2rem;
		font-size: 1.4rem;
	}
	.foot-links .sub-links .sub {
		font-size: 1.5rem;
	}
	.foot-links .col2 {
		display: block;
		gap: 0 4rem;
	}
	
	.footer-inner .inner {
		display: block;
	}
	.footer-access {
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem;
		width: auto;
	}
	.footer-access li {
		padding: 1.8rem 2.5rem;
		border-radius: 0;
	}
	.footer-access .place {
		font-size: 1.6rem;
	}
	.footer-access .btn-link {
		margin-top: 2rem;
		text-align: center;
	}
	.footer-access .btn-link .btn {
		max-width: 31.3rem;
	}
	.footlogo {
		margin: 2.6rem auto 0;
	}
	#copyright {
		padding: 1.6rem 1rem;
		letter-spacing: 0.1em;
		font-size: 1rem;
		font-weight: 400;
	}
	
	/* common */ 
	.inner, 
	.inner-small, 
	.inner-small2, 
	.inner-small3,
	.inner-small4 {
		padding: 0 2rem;
	}
	
	.mt65 {
		margin-top: 4rem;
	}
	.mt90 {
		margin-top: 4.5rem;
	}
	.mt100 {
		margin-top: 5rem;
	}
	
	#breadcrumb {
		padding: 1.8rem 2rem 0.2rem;
	}
	
	#teaser:before {
	    left: -9rem;
	    top: -13rem;
	    width: 30rem;
	    height: 30rem;
	}
	.teaser-ban {
		padding-top: 6rem;
		background-position: right 4rem top;
		background-size: 16rem;
	}

	.teaser-ban .bg {
		padding-bottom: .7rem;
	}

	.teaser-ban .bg:before {
		top: .7rem;
		right: 1rem;
	}

	.teaser-ban .bg > img {
		aspect-ratio: 355 / 167;
		object-fit: cover;
	}

	#company .teaser-ban .bg > img {
		aspect-ratio: 355 / 140;
	}

	.teaser-ban .logo {
		padding: 0.5rem;
		width: 5rem;
		height: 5rem;
	}
	.teaser-ban .logo img {
		width: 2.4rem;
	}
	
	.teaser-head {
		height: 16rem;
	}
	.teaser-head .head-large:before {
		right: calc(100% + 1.8rem);
		width: 5rem;
		height: 2.7rem;
	}
	.teaser-head .head-large:after {
		left: calc(100% + 1.8rem);
		width: 4.8rem;
		height: 3rem;
	}
	
	.head-large {
		margin-bottom: 2rem;
		font-size: 2.2rem;
	}
	.head-small {
		font-size: 1.8rem;
	}
	
	.btn-link .btn {
		max-width: 31.3rem;
	}
	
	.js-toggle-box {
		display: none;
	}
	
	/* top */
	.main-slide li {
		padding-right: 1.5rem;
		width: 36.5rem;
	}
	#main-visual .head {
		position: static;
		padding: 2.2rem 1rem;
		letter-spacing: -0.08em;
		font-size: 2.5rem;
		text-align: center;
	}
	#main-visual .head .big {
		font-size: 2.8rem;
	}
	#main-visual .head .small {
		font-size: 2.3rem;
	}
	.top-notice {
		padding: 0 2rem;
		box-shadow: 0 0 0;
	}
	.top-notice dl {
		display: block;
		padding: 3rem 0;
		border-top: 1px solid #707070;
	}
	.top-notice dt {
		margin-bottom: 0.3rem;
	}
	.top-notice dd {
		padding-right: 0;
		width: auto;
		overflow:hidden;
		text-overflow:ellipsis; 
		white-space:nowrap;
	}
	
	.top-about {
		padding: 7rem 0 40rem;
		background-size: 100%;
	}
	.top-about .head-large {
		margin-bottom: 3rem;
		font-size: 2.3rem;
	}
	.top-about .con p {
		margin-bottom: 2.4rem;
		line-height: 2;
		letter-spacing: 0;
		font-size: 1.6rem;
	}
	.top-about .photos .pic1 {
		top: auto;
		bottom: 21.1rem;
		left: calc(50% + 0.8rem);
		width: 20rem;
	}
	.top-about .photos .pic2 {
		bottom: 18.8rem;
		left: auto;
		right: calc(50% + 5.5rem);
		width: 15.8rem;
	}
	.top-about .photos .pic3 {
		top: auto;
		bottom: 0;
		right: calc(50% - 2rem);
		width: 22.6rem;
	}
	.top-about .photos .pic4 {
		top: auto;
		bottom: 7rem;
		right: auto;
		left: calc(50% + 4.4rem);
		width: 11.8rem;
	}
	.bg-square .icon-square01 {
		top: 7rem;
		left: calc(50% - 20rem);
		width: 5.1rem;
	}
	.bg-square .icon-square02 {
		bottom: 45rem;
		right: -0.4rem;
		width: 2.5rem;
	}
	
	.top-reason {
		padding-top: 6.4rem;
	}
	.top-reason ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 1.5rem;
		padding: 0 2rem;
	}
	.top-reason li {
		padding: 2.5rem;
		line-height: 1.93;
		font-size: 1.4rem;
	}
	.top-reason li .img {
		margin-bottom: 1rem;
	}
	.top-reason li .img img {
		max-width: 8.5rem;
	}
	.top-reason li .tit {
		margin-bottom: 1rem;
		line-height: 1.3125;
		font-size: 1.6rem;
	}
	
	.top-service {
		padding-top: 4.4rem;
	}
	.top-service .txt-sub {
		margin-bottom: 3.2rem;
		text-align: left;
		line-height: 2.28;
		font-size: 1.4rem;
	}
	.top-service .service-cate {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
		margin: 0 auto;
		max-width: 29.2rem;
	}
	
	.top-business {
		padding-top: 6.5rem;
	}
	.top-business .business-ctrl {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0 0.1rem;
		margin: 0 -2rem;
	}
	.top-business .business-ctrl li {
		margin-top: -2rem;
	}
	.top-business .business-ctrl li:first-child {
		min-width: inherit;
	}
	.top-business .business-ctrl li a {
		padding: 1.8rem 0;
		box-shadow: 0 -0.3rem 0.6rem rgba(0,0,0,0.16);
		font-size: 1.4rem;
	}
	.top-business .business-ctrl li .is-active {
		min-width: 100%;
	}
	.top-business .business-ctrl li .big {
		font-size: 1.4rem;
	}
	.top-business .business-ctrl li:first-child a {
		padding: 1.8rem 0;
		font-size: 1.2rem;
	}
	.top-business .business-ctrl li:nth-child(1) a,
	.top-business .business-ctrl li:nth-child(2) a,
	.top-business .business-ctrl li:nth-child(3) a {
		padding-bottom: 4rem;
		box-shadow: 0 0 0;
	}
	.top-business .business-display {
		padding: 3.2rem 2rem 4rem;
	}
	.business-display .display {
		display: block;
	}
	.business-display .display .img {
		margin-bottom: 2rem;
		width: auto;
	}
	.business-display .display .info {
		width: auto;
	}
	.business-display .display .head {
		line-height: 1.5;
		font-size: 1.8rem;
	}
	.business-display .display .txt-common {
		line-height: 1.93;
		font-size: 1.4rem;
	}
	.business-display .display .btn-link {
		margin-top: 3.2rem;
		text-align: center;
	}
	
	.top-company {
		padding: 4.8rem 0 5.4rem;
	}
	.bg-square .icon-square03 {
		top: auto;
		bottom: 8rem;
		right: calc(50% - 18rem);
		width: 6.4rem;
	}
	.bg-square .icon-square04 {
		bottom: auto;
		top: 1.4rem;
		left: calc(50% - 21.8rem);
		width: 9.8rem;
	}
	
	.top-company .display .head-large {
		text-align: center;
	}
	.top-company .txt-common {
		line-height: 2.28;
		font-size: 1.4rem;
	}
	.top-company .display .photos {
		position: static;
		margin: 5rem auto;
		max-width: 20.2rem;
	}
	@keyframes slideimg {
	  0% {
		z-index: 3;
		transform: translateX(0px) rotate(0deg);
	  }
	  49% {
		z-index: 3;
		transform: translateX(-20px) rotate(-25deg);
	  }
	  50% {
		z-index: 0;
		transform: translateX(-20px) rotate(-25deg);
	  }
	  100% {
		z-index: 0;
		transform: translateX(0px) rotate(0deg);
	  }
	}

	.top-company .display {
		max-width: 100%;
	}
	
	.top-company .company-links {
		margin: 1.6rem auto 0;
		max-width: 29.2rem;
	}

	.top-company .btn-link {
		text-align: center;
	}
	
	.top-recruit .info {
		left: 0;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
	}
	.top-recruit .info .txt-common {
		line-height: 2.28;
		font-size: 1.4rem;
	}

	.top-recruit .bg:before {
		background: rgba(51, 51, 51, 0.8);
	}
	
	.top-news {
		padding: 3.4rem 0 4rem;
	}
	.news-content {
		display: block;
	}
	.news-content .side {
		margin-bottom: 2rem;
		width: auto;
	}
	.top-news .head-large {
		text-align: center;
	}
	.news-content .main {
		width: auto;
	}
	.news-tags {
		gap: 1.5rem;
		margin-bottom: 2rem;
	}
	.top-news .news-tags {
		justify-content: center;
		gap: 1rem;
	}
	.news-list dl {
		padding: 2rem 0;
	}
	.news-list dt {
		margin-bottom: 0.6rem;
	}
	.news-list dd {
		overflow:hidden;
		text-overflow:ellipsis; 
		white-space:nowrap;
	}
	
	.top-contact {
		padding: 1.2rem 0;
	}
	.contact-btn {
		padding: 6.4rem 3rem 7rem 2rem;
		background-image: url(../img/common/bg_contact_sp.png);
		background-size: 100%;
		text-align: center;
		font-size: 1.6rem;
	}
	.contact-btn:after {
		right: 2.8rem;
		top: 0;
		width: 1.6rem;
	}
	.contact-btn .head {
		margin-bottom: 0.4rem;
		font-size: 2.2rem;
	}
		
	/* about */
	.about-philosophy-vision {
		padding: 5rem 0 0;
	}
	.about-philosophy-vision .display {
		display: block;
		margin-top: 3.2rem;
	}
	.about-philosophy-vision .display .img {
		margin: 0 auto 2rem;
		width: 20rem;
	}
	.about-philosophy-vision .display .info {
		width: auto;
	}
	.about-philosophy-vision .display .visions li {
		padding: 1.6rem;
		font-size: 1.4rem;
	}
	.about-philosophy-vision .display .visions li + li {
		margin-top: 1.2rem;
	}
	.about-philosophy-vision .display .visions .tit {
		margin-bottom: 0.4rem;
		font-size: 1.6rem;
	}
	.about-message {
		padding: 5rem 0;
	}
	.about-message .message-imgs {
		gap: 0 2rem;
		margin-bottom: 2rem;
	}
	.about-message .head {
		font-size: 1.8rem;
	}
	.about-message .message-info {
		font-size: 1.4rem;
	}
	.about-message .end .name {
		font-size: 1.8rem;
	}
	
	.about-member {
		padding: 5rem 0;
	}

	.about-member .about-member__item {
		padding: 2rem;
		width: calc(100% + 4rem);
		margin: 0 -2rem;
	}

	.about-member .members {
		grid-template-columns: repeat(1, 1fr);
		gap: 3rem 0;
	}
	.about-member .members .img {
		margin-bottom: 1.2rem;
	}
	.about-member .members .head-small {
		margin-bottom: 1rem;
	}
	.about-member .members .position .name {
		font-size: 1.8rem;
	}
	
	.about-features-strengths {
		padding: 5rem 0;
	}
	.about-features-strengths li {
		display: block;
		padding: 1.6rem;
		font-size: 1.4rem;
	}
	.about-features-strengths li .icon {
		margin: 0 auto 1.6rem;
	}
	.about-features-strengths li .info {
		width: auto;
	}
	.about-features-strengths li .head-small {
		font-size: 1.6rem;
		text-align: center;
	}
	
	.company-overview {
		padding: 4.8rem 0;
	}

	.company-table table,
	.company-table tbody,
	.company-table tr,
	.company-table th,
	.company-table td {
		display: block;
	}

	.company-table th {
		padding: 2rem 0 0 0;
		width: 100%;
		font-size: 1.6rem;
	}
	.company-table td {
		padding: 2.2rem 0;
		font-size: 1.4rem;
		width: 100%;
	}
	.offices-list li .item + .item {
		margin-top: 2rem;
	}
	.offices-list .offices .prefecture {
		padding: 0 1.6rem;
		height: 2.4rem;
	}
	
	.history-timeline {
		margin-top: 3.2rem;
	}
	.history-timeline li .date {
		width: 12.8rem;
		font-size: 1.6rem;
	}
	.history-timeline li .td {
		width: calc(100% - 12.8rem);
		font-size: 1.4rem;
	}
	.company-location .location-ctrl {
		gap: 0 0.2rem;
		margin-bottom: 0.5rem;
	}
	.location-ctrl a {
		height: 6rem;
		width: calc(25% - 0.2rem);
		font-size: 1.4rem;
	}
	.location-ctrl a.is-active {
		width: calc(25% - 0.2rem);
	}
	.company-location-box {
		padding: 4rem 0;
	}
	.company-location .location-display {
		display: block;
	}
	.company-location .location-display .imgs {
		margin-bottom: 3rem;
		width: auto;
	}
	.company-location .location-display .info {
		width: auto;
	}
	.company-location .location-display .office {
		margin-bottom: 2rem;
		font-size: 2rem;
	}
	.company-location .tax-accountant .box {
		padding: 2rem;
	}
	.company-location .tax-accountant .pic {
		float: none;
		margin: 0 0 2rem;
		width: auto;
	}
	.company-location .tax-accountant .info .th {
		margin-bottom: 1rem;
	}
	
	.service-introd {
		padding: 5rem 0 4rem;
	}
	.service-introd ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}
	.service-introd li .info {
		padding: 2.4rem 2rem 6rem;
	}
	
	.fancybox-content {
		max-width: 100%;
	}
	.fancybox-content .scrollbar {
		padding-right: 0;
		height: auto;
		overflow-y: visible;
	}
	.fancybox-service-introd {
		padding: 2rem;
		font-size: 1.4rem;
	}
	.fancybox-service-introd .head {
		margin-bottom: 2.4rem;
		font-size: 2rem;
	}
	.fancybox-service-introd .head2 {
		line-height: 1.5;
		font-size: 1.6rem;
	}
	.fancybox-service-introd .display {
		display: block;
	}
	.fancybox-service-introd .display .img {
		margin-bottom: 2rem;
		width: auto;
	}
	.fancybox-service-introd .display .info {
		width: auto;
	}
	.support-content {
		margin-top: 2rem;
		padding: 2rem;
	}
	.support-content ul {
		gap: 1.2rem 0;
	}
	.support-content li {
		padding-left: 2rem;
		min-width: inherit;
		background-size: 1.4rem;
	}
	.fancybox-btnctrl .close {
		font-size: 1.6rem;
	}
	
	.service-reason li {
		display: block;
	}
	.service-reason li .step {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		padding: 4.5rem 2rem;
		width: auto;
		background-size: auto 100%;
		font-size: 3.6rem;
	}
	.service-reason li .info {
		padding: 1rem 2rem 3rem;
		width: auto;
	}
	.service-reason li .head-small {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}
	
	.consultation-process {
		padding: 5rem 0;
		font-size: 1.4rem;
	}
	.consultation-process .head-large {
		margin-bottom: 4rem;
	}
	.consultation-process ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 3rem 4rem;
	}
	.consultation-process li:after {
		left: calc(100% + 1rem);
		top: 50%;
		width: 1rem;
	}
	.consultation-process li:nth-of-type(2n):after {
		content: none;
	}
	.consultation-process .icon {
		margin-bottom: 1rem;
		max-width: 8rem;
	}
	
	.service-voice {
		padding: 5rem 0;
		font-size: 1.4rem;
	}
	.service-voice .display {
		display: block;
	}
	.service-voice .display .img {
		margin-bottom: 2rem;
		width: auto;
	}
	.service-voice .display .info {
		width: auto;
	}
	.service-voice .display .introd {
		padding: 2rem;
	}
	.service-voice .display .introd .th {
		font-size: 1.3rem;
	}
	.service-voice .comments {
		margin-top: 2rem;
		padding: 2rem;
	}
	
	/* news */
	.news-wrap {
		padding: 5rem 0;
	}
	.news-wrap .news-tags li {
		padding: 0.5rem 2rem;
		font-size: 1.2rem;
	}
	
	.wp-pagenavi {
		gap: 0 1.8rem;
		margin-top: 4rem;
		padding: 0 2.5rem;
		font-size: 2rem;
	}
	
	.entry-wrap {
		padding: 5rem 0 2rem;
	}

	.entry-wrap .sub {
		font-size: 1.4rem;
	}

	.entry-wrap .title {
		margin-bottom: 4rem;
	}
	.thanks-wrap .title .sub {
		font-size: 1.5rem;
	}
	.entry-wrap .title .head {
		font-size: 2rem;
	}
	.entry-flow {
		margin-bottom: 4rem;
	}
	.entry-flow li {
		width: 100%;
	}
	.entry-flow li + li:before {
		top: 2.2rem;
	}
	.entry-flow li .logo {
		max-width: 6rem;
	}
	.entry-wrap .form > li {
		margin-bottom: 2.4rem;
		font-size: 1.4rem;
	}
	.entry-wrap .form .th {
		margin-bottom: 1rem;
	}
	.entry-wrap .form .must {
		font-size: 1.2rem;
	}
	.entry-wrap .form select,
	.entry-wrap .form input[type="text"],
	.entry-wrap .form input[type="email"],
	.entry-wrap .form input[type="tel"] {
		height: 4.8rem;
	}
	.entry-wrap .form select {
		padding-right: 4rem;
		background-position: right 2rem center;
		background-size: 1.2rem;
	}
	.entry-wrap .form .note {
		margin-top: 1rem;
		font-size: 1.2rem;
	}
	.entry-wrap .form textarea {
		padding: 1rem 1.6rem;
		height: 18rem;
		border-radius: 1.5rem;
	}
	.entry-wrap .agree {
		margin-top: 3rem;
		font-size: 1.4rem;
	}
	.btn-choice-radio .btn-choice-radio .wpcf7-radio {
		gap: 0.8rem;
	}
	.btn-choice-radio input + .wpcf7-list-item-label {
		padding: 0 1.6rem;
		min-width: 10rem;
		height: 4.8rem;
	}
	.date-column {
		flex-direction: column;
		gap: 1rem 0;
	}
	.date-column li {
		padding-top: 1rem;
		width: 61.8%;
	}
	.date-column li .wpcf7-form-control-wrap {
		margin-top: -1rem;
	}
	
	.btn-file label:after {
		left: calc(100% + 1rem);
	}
		
	/* recruit */	
	.recruitment-applicate {
	    padding: 4rem 0 5rem;
	}
	.recruitment-applicate .display {
	    display: block;
	}
	.recruitment-applicate .display .img {
		margin-bottom: 2rem;
	    width: auto;
	}
	.recruitment-applicate .display .img:after {
	    top: 1rem;
	    left: 1.2rem;
	}
	.recruitment-applicate .display .info {
		width: auto;
	}
	.recruitment-applicate .display .head {
	    font-size: 2rem;
	}
	.recruitment-table {
	    margin-top: 4rem;
		font-size: 1.4rem;
	}

	.recruitment-table table,
	.recruitment-table tbody,
	.recruitment-table tr,
	.recruitment-table th,
	.recruitment-table td {
		display: block;
	}

	.recruitment-table th {
	    padding: 1rem 0 0;
	    width: 100%;
	}
	.recruitment-table .btn-link {
	    flex-direction: column;
		align-items: center;
		gap: 1rem;
	    margin-top: 4rem;
	}
	
	.recruitment-other {
	    padding: 5rem 0;
	}
	.recruitment-list li {
	    width: 100%;
	}

	.recruit-copyright {
		display: none;
	}
	
	.recruit-copyright .head {
		top: 50%;
		transform: translateY(-50%);
		width: 5rem;
	}
	
	.recruit-message {
		overflow: hidden;
	    padding: 5rem 0;
	}
	.recruit-message .display {
		display: block;
	}
	.recruit-message .display .info {
		width: auto;
		line-height: 1.5;
		font-size: 1.5rem;
	}
	.recruit-message .display .img {
		margin-top: 3rem;
		width: auto;
	}
	.recruit-message .display .head {
	    margin-bottom: 2rem;
	    font-size: 2rem;
	}
	.recruit-message .display .head .big {
	    font-size: 2.6rem;
	}
	.recruit-message .display .head2 {
		font-size: 1.8rem;
	}
	.recruit-message .display p + p {
	    margin-top: 2rem;
	}
	
	.page-anchors {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 0.5rem 1.6rem;
	}
	.page-anchors li a {
	    padding-right: 2rem;
	    height: 4.8rem;
	    background-position: right center;
	    background-size: 0.8rem;
		font-size: 1.4rem;
	}
	
	.recruit-features {
	    padding: 5rem 0;
	}
	.recruit-features .features li {
	    display: block;
	}
	.recruit-features .features .img {
		width: auto;
	}
	.recruit-features .features .info {
	    padding: 1.6rem 2rem;
		width: auto;
	    font-size: 1.4rem;
	}
	.recruit-features .features .head-small {
	    font-size: 1.6rem;
	}
	
	.recruit-numbers {
	    padding: 5rem 0 14rem;
		font-size: 1.4rem;
	}
	.recruit-numbers .numbers-list {
	    gap: 2rem 0;
	}
	.recruit-numbers li,
	.recruit-numbers li.half,
	.recruit-numbers li.big {
		padding: 2rem 2rem 3rem;
		width: calc(100% - 3.8rem);
	}
	.recruit-numbers li .tit {
		font-size: 1.8rem;
	}
	.recruit-numbers li .tit .small {
	    font-size: 1.4rem;
	}
	.recruit-numbers li .data {
	    margin-bottom: 1.6rem;
	    font-size: 2rem;
	}
	.recruit-numbers li .data .num {
		margin-bottom: -0.6rem;
		font-size: 4rem;
	}
	.recruit-numbers .li-tax-ratio .note {
	    font-size: 1.2rem;
	}
	.recruit-numbers li.big .tit {
	    font-size: 1.8rem;
	}
	.recruit-numbers li.big .data {
	    margin-bottom: 2rem;
	    font-size: 2.4rem;
	}
	.recruit-numbers li.big .data .num {
	    margin: 0 0.3rem -1.2rem;
	    font-size: 10rem;
	}
	.recruit-numbers li.big .data .num2 {
	    margin-bottom: -0.6rem;
	    font-size: 5.4rem;
	}
	.numbers-list .display {
	    display: block;
	}
	.recruit-numbers li .ratio {
		margin: 1rem 0;
	}
	.recruit-numbers li .ratio .td {
		font-size: 6rem;
	}
	
	.numbers-list li.li-sales,
	.numbers-list li.li-tax-ratio {
		padding: 1.6rem 0;
	}
	.numbers-list .li-sales .display .icon {
		margin: 0 auto 2rem;
	    width: 16rem;
	}
	.numbers-list .li-sales .display .info {
		width: auto;
	}
	.numbers-list .li-sales .txt-common, 
	.numbers-list .li-tax-ratio .txt-common {
	    text-align: left;
	}
	.numbers-list .li-tax-ratio .tit {
	    margin-bottom: 2rem;
	    line-height: 1.2;
	}
	.numbers-list .li-tax-ratio .display .icon {
		margin: 0 auto 2rem;
		width: 12rem;
	}
	
	.recruit-interview {
	    padding: 5rem 0;
		font-size: 1.4rem;
	}
	.recruit-interview-item + .recruit-interview-item {
	    margin-top: 6rem;
	}
	.recruit-interview .display {
		display: block;
	}
	.recruit-interview .display .img {
		margin-bottom: 3rem;
		width: auto;
	}
	.recruit-interview .display .img:after {
	    left: 1.6rem;
	    top: 1rem;
	}
	.recruit-interview .display .info {
		width: auto;
	}
	.recruit-interview .head {
	    padding-left: 6rem;
	    margin-bottom: 2rem;
	    font-size: 2rem;
	}
	.recruit-interview .head .step {
	    top: -1.6rem;
	    padding-top: 1.6rem;
	    width: 5.6rem;
	    font-size: 3.6rem;
	}
	.recruit-interview .join {
	    font-size: 1.8rem;
	}
	.recruit-interview .join .id {
		font-size: 2.4rem;
	}
	.recruit-interview .head_quest {
		padding: 0.6rem 2rem 0.6rem 4rem;
		text-indent: -2.4rem;
		font-size: 1.6rem;
	}
	.recruit-interview .future-goals {
	    margin-top: 4rem;
	    padding: 2rem;
	}
	
	.recruit-person-img {
	    padding: 5rem 0;
	}
	.recruit-person-img .head-large {
	    margin-bottom: 6.8rem;
	}
	.recruit-person-img ul {
	    display: flex;
		flex-wrap: wrap;
	    gap: 2.4rem 0;
	}
	.recruit-person-img li {
	    position: relative;
	    z-index: 2;
		margin: 0 auto;
	    width: 61.8%;
	}
	
	.recruit-education-welfare .points-list {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 2.4rem 0;
		font-size: 1.4rem;
	}
	.recruit-education-welfare .points-list .item {
	    padding: 1.5rem 1.6rem 1rem;
	}
	.recruit-education-welfare .points-list .head-small {
	    margin-bottom: 1rem;
	}
	.recruit-education-welfare .points li {
	    padding-left: 2rem;
	    margin-bottom: 1.6rem;
		background-size: 1.5rem;
	}
	
	.recruit-employment-flow ul {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 2rem;
	}
	.recruit-employment-flow ul:before {
	    left: 50%;
	    top: 0;
	    transform: translateX(-50%);
	    height: 100%;
	    width: 2.5rem;
	}
	.recruit-employment-flow li .icon {
		margin-bottom: 1rem;
	}
	
	.recruit-event-swiper:before,
	.recruit-event-swiper:after {
		content: none;
	}
	.recruit-event-swiper .swiper-slide {
	    width: 31.1rem;
	}
	.recruit-event-swiper .swiper-slide .img img {
	    height: 24rem;
	}
	.recruit-event-swiper .swiper-pagination {
		margin-top: 3rem;
	}
	.recruit-event-swiper .swiper-button-prev, 
	.recruit-event-swiper .swiper-button-next {
	    top: 12rem;
	    width: 1.8rem;
	    height: 3rem;
	}
	.recruit-event-swiper .swiper-button-prev {
	    left: calc(50% - 17.5rem);
	}
	.recruit-event-swiper .swiper-button-next {
	    right: calc(50% - 17.5rem);
	}
	
	.recruit-event {
	    padding: 5rem 0 1rem;
	}
	
	.recruit-recruitment {
		padding: 5rem 0;
	}
	.recruit-search {
		padding: 1.6rem 2rem;
	}
	.recruit-search .search {
	    display: block;
	}
	.recruit-search .search .th {
	    margin: 0 0 1.6rem;
	    width: auto;
	}
	.recruit-search .search .search-tags {
	    gap: 1rem;
	    width: auto;
	}
	.recruit-search .search-tags input + .btn {
	    padding: 0 2rem;
	    height: 3rem;
		font-size: 1.4rem;
	}
	.recruit-search .btn-link {
	    margin-top: 2.8rem;
	}
	
	
	
	/* sitemap */
	.sitemap-wrap {
	    padding: 5rem 0;
	}
	.sitemap-links.foot-links .tit a:before {
		top: 2rem;
	}

	.sitemap-links.foot-links .tit span:before, 
	.sitemap-links.foot-links .tit span:after {
		background: #333;
	}
	
	.error-wrap {
	    padding: 5rem 0 8rem;
		background-position: 50% 10%;
	    background-size: 100%;
	}
	.error-wrap .title .head {
		font-size: 6.4rem;
	}
	.error-wrap .title .head2 {
		font-size: 2rem;
	}

	.recruit-case {
		padding: 5rem 0;
	}

	.recruit-case .recruit-case-text {
		font-size: 1.6rem;
		margin-bottom: 2.4rem;
	}

	.recruit-case .recruit-case-box {
		padding: 2rem;
	}

	.recruit-case .recruit-case-title {
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
	}

	.recruit-case .recruit-case-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}

	.recruit-case .recruit-case-list li {
		font-size: 1.3rem;
	}

	.recruit-case .recruit-case-list .notes {
		font-size: 1.2rem;
	}
	
	.recruit-slide li {
		overflow: hidden;
		padding-right: 1.45rem;
		width: 21.55rem;
	}

	.recruit-slide ul:nth-child(odd) li:nth-child(even),
	.recruit-slide ul:nth-child(even) li:nth-child(odd) {
		padding-top: 1.6rem;
	}
}