@charset 'utf-8';

/*---------------------------------------------------------------------- */
/* Individual Styles
------------------------------------------------------------------------ */

/* Common
---------------------------------------------------------- */

/* .pagination */

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 1.4rem;
	position: relative;
	margin: 4rem 1.8rem 0 1.8rem;
	font-family: 'Barlow', sans-serif;
	font-size: 1.5rem;
	letter-spacing: .05em;
}

.pagination > .page,
.pagination > .current {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	color: #000;
	text-decoration: none;
	transition: all .3s;
}

.pagination > .page {
	border: 1px solid #7c7c7c;
}

.pagination > .page:hover {
	background: var(--main-color);
	border-color: var(--main-color);
}

.pagination > .current {
	background: var(--main-color);
	border: 1px solid var(--main-color)
}

.pagination > .previouspostslink,
.pagination > .nextpostslink {
	position: absolute;
	top: 0;
	width: 1rem;
	height: 3.2rem;
	background: none;
	border: 0;
	text-indent: -9999px;
}

.pagination > .previouspostslink:hover::after,
.pagination > .nextpostslink:hover::after {
	border-color: var(--main-color);
}

.pagination > .previouspostslink {
	left: 0;
}

.pagination > .nextpostslink {
	right: 0;
}

.pagination > .previouspostslink::after,
.pagination > .nextpostslink::after {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1rem;
	height: 1rem;
	border: 0 solid #000;
	content: '';
	transform: translateY(-50%) rotateZ(45deg);
	transition: all .3s;
}

.pagination > .previouspostslink::after {
	border-width: 0 0 2px 2px;
}
.pagination > .nextpostslink::after {
	border-width: 2px 2px 0 0;
}

/* .paging */

.paging {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: row wrap;
	margin-top: 5rem;
}

.paging .btn {
	justify-content: flex-start;
	margin-top: 0;
	padding: 0 2rem;
	width: 22rem;
}

.paging .btn-prev::after {
	transform: translateY(-50%) scaleX(-1);
}

.paging .btn-back::after {
	transform: translateY(-50%) rotateZ(-90deg);
}

.paging > .next {
	margin-left: auto;
}

.paging > .back {
	order: 3;
	margin-top: 1rem;
}

/* Article
---------------------------------------------------------- */

.article {
	padding: 0 2rem 6rem 2rem;
	background: #fff;
	border-radius: 0 0 10px 10px;
}

.article > .post-img {
	margin: 0 -2rem;
}

.article-content {
	padding-top: 3rem;
}

/* News Page
---------------------------------------------------------- */

.news #main-content {
	padding-top: 0;
}

.news.single #main-content {
	margin-top: 5rem;
	padding: 3.2rem 2rem 6rem 2rem;
	background: var(--light-color);
}

.news .block-news {
	padding: 0 2rem;
}

/* Company Page
---------------------------------------------------------- */

.company #main-content {
	padding: 0;
}

/* #section-statement */

.company #section-statement {
	padding-top: 4.5rem;
	padding-bottom: 5rem;
	background: var(--dark-color);
	color: #fff;
}

.company #section-statement > .section-content {
	margin-top: 5.5rem;
}

.company .block-statement {
	display: flex;
	flex-flow: column;
	padding: 0 2rem 0 1rem;
}

.company .block-statement + .block-statement {
	margin-top: 5.5rem;
}

.company .block-statement > .title {
	display: flex;
	flex-flow: column;
	margin-top: 4rem;
	line-height: 1;
	color: var(--main-color);
}

.company .block-statement > .title > .txt01 {
	font-family: 'Afacad Flux', sans-serif;
	font-weight: 600;
	font-size: 4.5rem;
	letter-spacing: .03em;
}

.company .block-statement > .title > .txt02 {
	margin-top: 1rem;
	font-size: 1.3rem;
}

.company .block-statement > .img {
	order: -1;
}

.company .block-statement:nth-of-type(odd) > .img {
	margin-left: -3rem;
}

.company .block-statement:nth-of-type(even) > .img {
	margin: 0 -4rem 0 1rem;
}

/* #section-profile */

.company #section-profile {
	padding-top: 5rem;
}

.company #section-profile > .section-content {
	margin-top: 3rem;
}

/* #section-access */

.company #section-access {
	background: var(--light-color);
}

.company #section-access > .section-content {
	margin-top: 2rem;
}

.company .block-map {
	position: relative;
	padding-top: 50%;
}

.company .block-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.company .block-map + .txt {
	text-align: center;
}

/* Case Study Page
---------------------------------------------------------- */

.casestudy #main-content {
	padding: 0;
}

.casestudy .block-casestudy {
	padding: 4rem 3rem 6.5rem 3rem;
	background: var(--main-color);
}

.casestudy .block-casestudy > .lead {
	font-size: 1.3rem;
}

.casestudy .list-casestudy {
	display: flex;
	flex-flow: column;
	gap: 4rem 0;
	margin-top: 3.5rem;
}

.casestudy .list-casestudy > li {
	display: flex;
	flex-flow: column;
}

.casestudy .list-casestudy > li > .title {
	display: flex;
	flex-flow: column;
	margin-top: 1.7rem;
	line-height: 1;
}

.casestudy .list-casestudy > li > .title > .txt01 {
	color: #fff;
	font-family: 'Afacad Flux', sans-serif;
	font-weight: 600;
	font-size: 4.5rem;
	letter-spacing: .03em;
}

.casestudy .list-casestudy > li:first-of-type > .title > .txt01 {
	letter-spacing: 0;
}

.casestudy .list-casestudy > li > .title > .txt02 {
	margin-top: 1.5rem;
	font-size: 1.3rem;
}

.casestudy .list-casestudy > li > .img {
	order: -1;
}

.casestudy .list-casestudy > li:nth-of-type(odd) > .img {
	margin-left: -3rem;
}

.casestudy .list-casestudy > li:nth-of-type(even) > .img {
	margin-right: -3rem;
}

.casestudy .list-casestudy > li > .txt {
	margin-top: 2rem;
}

.casestudy .list-casestudy > li > .more {
	margin-top: 3rem;
	line-height: 1;
	text-align: center;
}

.casestudy .list-casestudy > li > .more > .btn-accordion {
	display: inline-block;
	position: relative;
	padding-right: 3rem;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
}

.casestudy .list-casestudy > li > .more > .btn-accordion::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon-open.svg) no-repeat left top;
	background-size: 100%;
	content: '';
	transform: translateY(-50%);
}

.casestudy .list-casestudy > li > .accordion-content {
	display: none;
}

.casestudy #section-projects > .section-content {
	margin-top: 4rem;
}

.casestudy #section-projects > .section-content > .notes {
	margin-top: 1.5rem;
	text-align: right;
}

.casestudy .table-projects {
	overflow: auto;
}

.casestudy .table-projects + .table-projects {
	margin-top: 3.5rem;
}

.casestudy .table-projects > table {
	width: 57rem;
}

.casestudy .table-projects > table > caption {
	padding-bottom: 1rem;
	text-align: left;
}

.casestudy .table-projects > table > tbody > tr > th,
.casestudy .table-projects > table > tbody > tr > td {
	padding: .6rem 0 .5rem 0;
	border: 1px solid #b2b2b2;
	border-width: 1px 0;
}

.casestudy .table-projects > table > tbody > tr > th.col01 {
	padding-left: 1rem;
	width: calc(543 / 1200 * 100%);
	font-weight: 500;
	text-align: left;
}

.casestudy .table-projects > table > tbody > tr > td.col02 {
	width: calc(140 / 1200 * 100%);
}

.casestudy .table-projects > table > tbody > tr > td.col03 {
	width: calc(357 / 1200 * 100%);
}

.casestudy .table-projects > table > tbody > tr > td.col04 {
	width: calc(160 / 1200 * 100%);
}

/* Recruit Page
---------------------------------------------------------- */

.recruit #main-content {
	padding: 0;
}

.recruit #main-content > .lead {
	padding: 4rem 3rem 5rem 3rem;
	background: var(--main-color);
	font-size: 1.3rem;
}

.recruit .section-header > .title > .txt01 {
	font-size: 4.5rem;
}

.recruit .section-content {
	padding: 0 3rem;
}

.recruit #section-message > .section-header > .title > .txt01 {
	color: var(--main-color);
}

.recruit #section-message > .section-content > .sign {
	margin-top: 2rem;
	text-align: right;
}

.recruit #section-office {
	padding-bottom: 0;
	background: var(--main-color);
}

.recruit #section-office > .section-header > .title > .txt01 {
	color: #fff;
}

.recruit #section-office > .section-content > .img {
	margin: 5.5rem -3rem 0 -3rem;
}

.recruit #section-job {
	background: var(--light-color);
}

.recruit #section-job > .section-header > .title {
	align-items: flex-start;
	padding: 0 2rem;
}

.recruit #section-job > .section-header > .title > .txt01 {
	font-size: 2.7rem;
}

.recruit #section-job > .section-content {
	padding: 0 2rem;
}

.recruit #section-job > .section-content > .title {
	margin-top: 5rem;
	font-weight: 600;
	font-size: 1.6rem;
	text-align: center;
}

.recruit #section-job .block-tabulate {
	margin-top: 1.5rem;
}

.recruit #section-job .block-tabulate > dt {
	padding-left: 1rem;
}

.recruit #section-job .btn {
	margin-top: 3rem;
}

/* Entry Page
---------------------------------------------------------- */

.entry #main-header.type-a {
	height: 10rem;
}

.entry #main-content {
	margin-top: 2rem;
	padding: 4rem 2rem 6rem 2rem;
	background: var(--light-color);
}

.entry #main-content > .lead {
	margin: 0 1rem;
	font-size: 1.3rem;
}

.entry .screen-reader-response {
	display: none;
}

/* .block-form */

.block-form {
	margin-top: 4rem;
	padding: 2rem 2rem 6rem 2rem;
	background: #fff;
	border-radius: 10px;
}

.block-form .required {
	margin-left: 1rem;
	padding: .1rem .9rem;
	background: var(--main-color);
	border-radius: 9999px;
	font-weight: 500;
	font-size: .9rem;
	letter-spacing: .05em;
}

.block-form input[type='text'],
.block-form input[type='tel'],
.block-form input[type='email'],
.block-form select,
.block-form textarea {
	margin-top: .5rem;
	width: 100%;
	height: 3.6rem;
	background: #f7f7f7;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	font-size: inherit;
	letter-spacing: .08em;
}

.block-form textarea {
	height: 22.4rem;
}

.block-form .wpcf7-radio {
	display: flex;
	align-items: center;
	margin-top: .5rem;
}

.block-form .wpcf7-radio .wpcf7-list-item {
	width: 30%;
}

.block-form .wpcf7-radio .wpcf7-list-item:last-of-type {
	width: 40%;
}

.block-form input[type='radio'] {
	position: relative;
	margin: 0 .8rem 0 0;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
}

.block-form input[type='radio']:checked:after {
	position: absolute;
	top: .2rem;
	left: .2rem;
	width: .9rem;
	height: .9rem;
	background: #383838;
	border-radius: 50%;
	content: '';
}

.block-form .codedropz-upload-handler {
	margin: 0;
	border: 0;
}

.block-form .codedropz-upload-container {
	padding: 0;
}

.block-form .codedropz-upload-inner > span {
	display: none;
}

.block-form .cd-upload-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .5rem;
	width: 11.2rem;
	height: 3.6rem;
	background: #7c7c7c;
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: inherit;
	letter-spacing: 0.1em;
}

.block-form .dnd-upload-counter {
	font-size: 1rem;
}

.block-form .dnd-upload-status .dnd-upload-details .name {
	color: inherit;
}

.block-form .dnd-upload-status .dnd-upload-details .name em {
	color: #c1c1c1;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
	border-radius: 9999px;
}

.block-form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
	background: #aff01d;
	color: inherit;
	font-size: 1rem;
}

.dnd-upload-status .dnd-upload-details span.has-error {
	color: #ff0000;
	font-size: 1rem;
}

.block-form .wpcf7-not-valid-tip {
	display: block;
	color: #ff0000;
	font-size: 1rem;
}

.block-form .wpcf7-form-control-wrap {
	display: block;
	position: relative;
}

.block-form .fields dt {
	display: flex;
	align-items: center;
	letter-spacing: .1em;
}

.block-form .fields dd + dt {
	margin-top: 2.5rem;
}

.block-form .fields dd .notes {
	display: block;
	margin-top: 1rem;
}

.block-form .fields dd .wpcf7-not-valid-tip {
	position: absolute;
	bottom: -2rem;
}

.block-form .fld-area > .wpcf7-form-control-wrap {
	position: relative;
	width: 16rem;
}

.block-form .fld-area > .wpcf7-form-control-wrap::after {
	position: absolute;
	top: 50%;
	right: 1.5rem;
	width: 1rem;
	height: 1rem;
	border: 2px solid #707070;
	border-width: 0 2px 2px 0;
	content: '';
	transform: translateY(-50%) rotateZ(45deg);
}

.block-form .fld-area > dl {
	margin-top: 1rem;
	width: 16rem;
}

.block-form .fld-acceptance {
	position: relative;
	margin-top: 2rem;
	text-align: center;
}

.block-form .fld-acceptance input[type='checkbox'] {
	position: absolute;
	z-index: 2;
	padding: 0;
	width: 20rem;
	height: 2rem;
	opacity: 0;
	cursor: pointer;
}

.block-form .fld-acceptance input[type='checkbox'] + span {
	position: relative;
}

.block-form .fld-acceptance input[type='checkbox'] + span::before {
	display: inline-block;
	position: relative;
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 1rem;
	background: #fff;
	border: 1px solid #707070;
	vertical-align: middle;
	content: '';
}

.block-form .fld-acceptance input[type='checkbox']:checked + span::after {
	position: absolute;
	top: .5rem;
	left: .4rem;
	width: .4rem;
	height: .8rem;
	border: 1px solid #707070;
	border-width: 0 2px 2px 0;
	content: '';
	transform: rotateZ(45deg);
}

.block-form .btn-container {
	position: relative;
}

.block-form .btn-container > .btn {
	margin-top: 3rem;
}

.wpcf7 form .wpcf7-response-output {
	margin: 1.5rem 0;
	padding: 1rem 3.5rem;
	border: 1px solid #fff;
	text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #3f3a39;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ff0000;
	color: #ff0000;
}

.block-form .wpcf7-mail-sent-ok {
	color: inherit;
}

.wpcf7-spinner,
.wpcf7-spinner::before,
.wpcf7-spinner:after {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #383838;
	color: #383838;
	animation: dotFlashing 1s infinite linear alternate;
}

.wpcf7-spinner {
	display: block;
	position: relative;
	margin: 1rem auto;
	animation-delay: .5s;
}

.wpcf7-spinner::before,
.wpcf7-spinner::after {
	display: inline-block;
	position: absolute;
	top: 0;
	content: '';
}

.wpcf7-spinner::before {
	left: -1.5rem;
	animation-delay: 0s;
}

.wpcf7-spinner::after {
	left: 1.5rem;
	animation-delay: 1s;
}

@keyframes dotFlashing {
	0% {
		background-color: #383838;
	}
	50%,
	100% {
		background-color: rgba(255, 255, 255, 0);
	}
}

/* .block-policy */

.block-policy {
	margin-top: 1.5rem;
}

.block-policy-content {
	margin-top: 1rem;
	padding: 2.5rem 2rem;
	height: 29.6rem;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
	letter-spacing: .1em;
	overflow-y: scroll;
}

.block-policy-content > .title {
	font-weight: 700;
	text-align: center;
	letter-spacing: .08em;
}

.block-policy-content > .date {
	margin-top: 2rem;
	text-align: right;
}

.block-policy-content > .subtitle {
	margin-top: 2rem;
}

.block-policy-content > .txt {
	margin-top: 2rem;
}

/* .block-recaptcha */

.block-recaptcha {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem auto 0 auto;
	width: 100%;
	font-size: 1.1rem;
}

.block-recaptcha > dt {
	margin-right: 1rem;
	width: 3.1rem;
}

.block-recaptcha > dd > a {
	color: inherit;
}


/*---------------------------------------------------------------------- */
/* 768px Tablet & PC Styles
------------------------------------------------------------------------ */

@media screen and (min-width: 768px), print {

/* Common
---------------------------------------------------------- */

/* .pagination */

.pagination {
	gap: 0 2rem;
	margin: 8rem auto 0 auto;
	width: 35rem;
	font-size: 2.2rem;
}

.pagination > .page,
.pagination > .current {
	width: 4.6rem;
	height: 4.6rem;
}

.pagination > .previouspostslink,
.pagination > .nextpostslink {
	width: 1.2rem;
	height: 4.6rem;
}

.pagination > .previouspostslink::after,
.pagination > .nextpostslink::after {
	width: 1.2rem;
	height: 1.2rem;
}

/* .paging */

.paging {
	margin-top: 9rem;
}

.paging .btn {
	padding: 0 5rem;
	width: 31rem;
}

.paging > .back {
	order: 1;
	margin-top: 0;
}

.paging > .next {
	order: 2;
	margin-left: 0;
}

/* Article
---------------------------------------------------------- */

.article {
	padding: 0 10rem 10rem 10rem;
	border-radius: 0 0 30px 30px;
}

.article > .post-img {
	margin: 0 -10rem;
}

.article-content {
	padding-top: 6rem;
}

/* News Page
---------------------------------------------------------- */

.news #main-content {
	padding-top: 7rem;
}

.news.single #main-content {
	margin-top: 16rem;
	padding: 10rem 20rem 12rem 20rem;
}

.news .block-news {
	padding: 0 20rem;
}

/* Company Page
---------------------------------------------------------- */

/* #section-statement */

.company #section-statement {
	padding-top: 13rem;
	padding-bottom: 0;
}

.company #section-statement > .section-content {
	margin-top: 8rem;
}

.company .block-statement {
	display: grid;
	grid-template-rows: 1fr auto auto 1fr;
	gap: 0 8rem;
	padding: 0;
}

.company .block-statement + .block-statement {
	margin-top: 0;
}

.company .block-statement:nth-of-type(odd) {
	grid-template-areas:
		'img   .  '
		'img title'
		'img txt  '
		'img   .  ';
	grid-template-columns: 60rem 52rem;
}

.company .block-statement:nth-of-type(even) {
	grid-template-areas:
		'  .   img'
		'title img'
		'txt   img'
		'  .   img';
	grid-template-columns: 52rem 60rem;
}

.company .block-statement > .title {
	grid-area: title;
	margin-top: -1.5rem;
}

.company .block-statement > .title > .txt01 {
	font-size: 8rem;
}

.company .block-statement > .title > .txt02 {
	margin-top: 3rem;
	font-size: 2rem;
}

.company .block-statement > .img {
	grid-area: img;
}

.company .block-statement:nth-of-type(odd) > .img {
	margin-left: -20rem;
}

.company .block-statement:nth-of-type(even) > .img {
	margin: 0 -20rem 0 0;
}

.company .block-statement > .txt {
	grid-area: txt;
}

/* #section-profile */

.company #section-profile {
	padding-top: 13rem;
}

.company #section-profile > .section-header > .title > .txt02 {
	margin-top: 4.5rem;
}

.company #section-profile > .section-content {
	margin-top: 6.5rem;
}

/* #section-access */

.company #section-access {
	padding: 12rem 0 17rem 0;
}

.company #section-access > .section-header > .title > .txt02 {
	margin-top: 4.5rem;
}

.company #section-access > .section-content {
	margin-top: 6rem;
}

.company .block-map + .txt {
	margin-top: 5.5rem;
}

/* Case Study Page
---------------------------------------------------------- */

.casestudy .block-casestudy {
	padding: 9.5rem 20rem 0 20rem;
}

.casestudy .block-casestudy > .lead {
	font-size: 2rem;
	line-height: 2.3;
	text-align: center;
}

.casestudy .list-casestudy {
	gap: 0;
	margin-top: 8rem;
}

.casestudy .list-casestudy > li {
	display: grid;
	grid-template-rows: 1fr auto auto auto 1fr;
	gap: 0 8rem;
}

.casestudy .list-casestudy > li:nth-of-type(odd) {
	grid-template-areas:
		'img   .  '
		'img title'
		'img txt  '
		'img more '
		'img   .  ';
	grid-template-columns: 60rem 52rem;
}

.casestudy .list-casestudy > li:nth-of-type(even) {
	grid-template-areas:
		'  .   img'
		'title img'
		'txt   img'
		'more  img'
		'  .   img';
	grid-template-columns: 52rem 60rem;
}

.casestudy .list-casestudy > li > .title {
	grid-area: title;
	margin-top: -2rem;
}

.casestudy .list-casestudy > li > .title > .txt01 {
	font-size: 8rem;
}

.casestudy .list-casestudy > li:first-of-type > .title > .txt01 {
	letter-spacing: .03em;
}

.casestudy .list-casestudy > li > .title > .txt02 {
	margin-top: 3rem;
	font-size: 2rem;
}

.casestudy .list-casestudy > li > .img {
	grid-area: img;
}

.casestudy .list-casestudy > li:nth-of-type(odd) > .img {
	margin-left: -20rem;
}

.casestudy .list-casestudy > li:nth-of-type(even) > .img {
	margin-right: -20rem;
}

.casestudy .list-casestudy > li > .txt {
	grid-area: txt;
	margin-top: 3rem;
}

.casestudy .list-casestudy > li > .more {
	grid-area: more;
	margin-top: 4rem;
	text-align: left;
}

.casestudy .list-casestudy > li > .more > .btn-accordion {
	padding-right: 4rem;
	font-size: 2rem;
}

.casestudy .list-casestudy > li > .more > .btn-accordion::after {
	width: 2.6rem;
	height: 2.6rem;
}

.casestudy #section-projects {
	padding: 12rem 0 5rem 0;
}

.casestudy #section-projects > .section-header > .title > .txt02 {
	margin-top: 4rem;
}

.casestudy #section-projects > .section-content {
	margin-top: 5rem;
}

.casestudy #section-projects > .section-content > .notes {
	margin-top: 5rem;
}

.casestudy .table-projects + .table-projects {
	margin-top: 9rem;
}

.casestudy .table-projects > table {
	width: 100%;
}

.casestudy .table-projects > table > caption {
	padding-bottom: 2rem;
	font-size: 2rem;
}

.casestudy .table-projects > table > tbody > tr > th,
.casestudy .table-projects > table > tbody > tr > td {
	padding: 1rem 0;
}

.casestudy .table-projects > table > tbody > tr > th.col01 {
	padding-left: 4rem;
}

.casestudy .table-projects > table > tbody > tr > td.col02 {
	width: calc(161 / 1200 * 100%);
}

.casestudy .table-projects > table > tbody > tr > td.col03 {
	width: calc(336 / 1200 * 100%);
}

/* Recruit Page
---------------------------------------------------------- */

.recruit #main-content > .lead {
	padding: 11rem 0;
	line-height: 2.3;
	font-size: 2rem;
	text-align: center;
}

.recruit .section {
	padding: 10rem 0 12rem 0;
}

.recruit .section-header > .title > .txt01 {
	font-size: 9rem;
}

.recruit .section-content {
	padding: 0 35rem;
}

.recruit #section-message > .section-content > .sign {
	margin-top: 5rem;
}

.recruit #section-office > .section-content > .img {
	margin: 12rem -35rem 0 -35rem;
}

.recruit #section-job > .section-header > .title {
	align-items: center;
	padding: 0;
}

.recruit #section-job > .section-header > .title > .txt01 {
	font-size: 6.5rem;
}

.recruit #section-job > .section-content {
	padding: 0 20rem;
}

.recruit #section-job > .section-content > .title {
	margin-top: 8rem;
	font-size: 3rem;
}

.recruit #section-job .block-tabulate {
	margin-top: 3.5rem;
}

.recruit #section-job .block-tabulate > dt {
	padding-left: 2rem;
}

.recruit #section-job .btn {
	margin-top: 6rem;
}

/* Entry Page
---------------------------------------------------------- */

.entry #main-header.type-a {
	height: 21rem;
}

.entry #main-content {
	margin-top: 13rem;
	padding: 9rem 20rem 12rem 20rem;
}

.entry #main-content > .lead {
	font-size: 2rem;
	text-align: center;
}

/* .block-form */

.block-form {
	margin-top: 10rem;
	padding: 10rem;
	border-radius: 30px;
}

.block-form .required {
	margin: 0 1.5rem 0 auto;
	padding: .2rem 1.1rem;
	font-size: 1.2rem;
	letter-spacing: .08em;
}

.block-form input[type='text'],
.block-form input[type='tel'],
.block-form input[type='email'],
.block-form select,
.block-form textarea {
	padding: 1.5rem 3rem;
	height: 7rem;
	border-radius: 10px;
}

.block-form textarea {
	height: 32.2rem;
}

.block-form select {
	color: #c1c1c1;
}

.block-form select.selected {
	color: inherit;
}

.block-form .codedropz-upload-handler {
	display: flex;
	align-items: center;
	padding: 0 1.2rem;
	width: 100%;
	height: 7rem;
	background: #f7f7f7;
	border: 1px solid #c1c1c1;
	border-radius: 10px;
}

.block-form .codedropz-upload-inner {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: center;
	justify-content: flex-end;
}

.block-form .codedropz-upload-inner > span {
	display: block;
	color: #c1c1c1;
}

.block-form .cd-upload-btn {
	margin: 0 2.4rem 0 0;
	width: 15.5rem;
	height: 4.4rem;
	border-radius: 10px;
}

.block-form .dnd-upload-counter {
	right: 1.2rem;
	bottom: 1.2rem;
	font-size: 1.4rem;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
	height: 1.8rem;
}

.block-form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
	line-height: 18px;
	font-size: 1.2rem;
}

.dnd-upload-status .dnd-upload-details span.has-error {
	font-size: 1.2rem;
}

.block-form .wpcf7-radio {
	height: 7rem;
}

.block-form .wpcf7-radio .wpcf7-list-item,
.block-form .wpcf7-radio .wpcf7-list-item:last-of-type {
	width: 18rem;
}

.block-form .wpcf7-not-valid-tip {
	font-size: 1.2rem;
}

.block-form .wpcf7-form-control-wrap.your-to::after {
	right: 2.4rem;
}

.block-form .fields {
	display: flex;
	flex-flow: row wrap;
	margin-top: -3rem;
}

.block-form .fields dt,
.block-form .fields dd {
	margin-top: 3rem;
}

.block-form .fields dt {
	flex-flow: row wrap;
	align-items: flex-start;
	padding: 2.5rem 0 0 0;
	width: 21rem;
}

.block-form .fields dd + dt {
	margin-top: 3rem;
}

.block-form .fields dt:last-of-type {
	align-items: flex-start;
}

.block-form .fields dd {
	width: calc(100% - 21rem);
}

.block-form .fields dd .notes {
	font-size: 1.4rem;
}

.block-form .fields dd .wpcf7-not-valid-tip {
	bottom: -2.5rem;
}

.block-form .fld-area {
	display: flex;
	align-items: center;
}

.block-form .fld-area > .wpcf7-form-control-wrap {
	width: 25.1rem;
}

.block-form .fld-area > dl {
	display: flex;
	align-items: center;
	margin: 0 0 0 5.6rem;
	width: auto;
}

.block-form .fld-area > dl > dt,
.block-form .fld-area > dl > dd {
	margin-top: 0;
	padding-top: 0;
}

.block-form .fld-area > dl > dt {
	width: 7.8rem;
}

.block-form .fld-area > dl > dd {
	width: 25.1rem;
}

.block-form .fld-acceptance {
	margin-top: 5rem;
}

.block-form .fld-acceptance input[type='checkbox'] {
	width: 25.8rem;
}

.block-form .fld-acceptance input[type='checkbox'] + span:before {
	width: 2rem;
	height: 2rem;
}

.block-form .fld-acceptance input[type='checkbox']:checked + span::after {
	top: .5rem;
	left: .7rem;
	width: .7rem;
	height: 1.4rem;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2.5rem 0;
	padding: 1.2rem 0;
}

/* .block-policy */

.block-policy {
	margin-top: 3.5rem;
}

.block-policy > .txt {
	text-align: center;
}

.block-policy-title > .required {
	margin-left: 1.5rem;
}

.block-policy-content {
	margin-top: 3rem;
	padding: 5rem;
	height: 36.2rem;
	border-radius: 10px;
}

.block-policy-content > .date {
	margin-top: 1.5rem;
}

/* .block-recaptcha */

.block-recaptcha {
	margin-top: 3rem;
	width: 31rem;
	font-size: 1.4rem;
}

.block-recaptcha > dt {
	margin-right: 1.5rem;
	width: 4.8rem;
}


}