@charset "utf-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/

/* フォント */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

/* 変数 */
:root {
    --color-background: #fff;
    --color-background02: #EFEFEE;
    --color-font: #231815;
    --color-primary: #1E2283;
    --color-primary-shade: #1C2C3F;
    --color-primary-tint: linear-gradient(270deg, #1C2C3F 0%, #1E2283 100%);
    --color-secondary: #BB9B6A;
    --color-secondary-shade: #E4CBB3;
    --color-secondary-tint: #F3ECE5;
    --color-secondary-grae: linear-gradient(90deg, rgba(242,225,207,1) 0%, rgba(187,155,106,1) 100%);

    --color-border: #ccc;
    --color-table-border: #ccc;

    --body-font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem);
    --body-font-family: 'Noto Sans JP', sans-serif;
    --font-family01: 'Noto Sans JP', sans-serif;
    --font-family02: 'Cormorant Garamond', 'Noto Serif JP', serif;
    --font-family03: 'Noto Serif JP', serif;


    --content-max-width: 1240px;

    --header-background: linear-gradient(270deg, #1C2C3F 0%, #1E2283 100%);
    --header-color-font: #fff;
    --header-color-primary: #1E2283;
    --header-color-primary-shade: #1C2C3F;

    --footer-background: #fff;
    --footer-color-font: #231815;
    --footer-color-primary: #231815;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    font-size: var(--body-font-size);
    font-family: var(--body-font-family);
    color: var(--color-font);
    font-size: var(--px16);
}
.pad_anchor{
    display: block;
    margin-top: -100px !important;
    padding-top: 100px !important;
}

/*--メディアクエリ--------------------------------------------*/
@media print, screen and (min-width: 1024px) {}
@media print, screen and (max-width: 1023px) {}
@media print, screen and (min-width: 769px) {}
@media print, screen and (max-width: 768px) {}


/*------------------------------------------------------
ベース修正
------------------------------------------------------*/
#front_top_content, #front_bottom_content {
    background: var(--color-background02);
    margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
}
#front-sectionPost {
    width: 90%;
}
.postlist .post_text {
    padding: 20px 0;
}
/*------------------------------------------------------
幅フル100%
------------------------------------------------------*/
.widecolor {
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px) calc((100vw - 100%) / 2) min(calc(150px + (1vw - 19.2px) * 3.2362), 150px);
	margin-top: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px);/* 120-80px (1920-375) */
	background: var(--color-background01);
}
.widearea {
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
}

/*------------------------------------------------------
カラムリスト
------------------------------------------------------*/
/*---------col02-----------*/

.post .col2_list {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	flex-wrap: wrap;
}
.post .col2_list > li {
    width: 49%;
	margin-bottom: 2%;
}
@media print, screen and (max-width: 600px) {
	.post .col2_list > li {
		width: 100%;
	}
	.post .col2_list > li:last-child {
		margin-bottom: 0;
	}
}

/*---------col03-----------*/

.post .col3_list {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	flex-wrap: wrap;
}
.post .col3_list > li {
    width: 31%;
    margin-bottom: 3%;
}
.post .col3_list::before {
    content: "";
    display: block;
    width: 32%;
    height: 0;
    order: 1;
}
.post .col3_list:after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
}
@media print, screen and (max-width: 768px) {
	.post .col3_list > li {
		width: 47%;
        margin-bottom: 4%;
	}
	.post .col3_list::before, .post .col3_list:after {
		content: none;
	}
}
@media print, screen and (max-width: 600px) {
	.post .col3_list > li {
		width: 100%;
	}
	.post .col3_list > li:last-child {
		margin-bottom: 0;
	}
}

/*---------col4-----------*/

.post .col4_list {
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	flex-wrap: wrap;
}
.post .col4_list > li {
    width: 24%;
	margin-bottom: 1.5%
}
.post .col4_list::before {
    content: "";
    display: block;
    width: 24%;
    height: 0;
    order: 1;
}
.post .col4_list:after {
    content: "";
    display: block;
    width: 24%;
    height: 0;
}
@media print, screen and (max-width: 1240px) {
	.post .col4_list > li, .post .col4_list::before, .post .col4_list:after {
		width: 32%;
		margin-bottom: 2%;
	}
}
@media print, screen and (max-width: 768px) {
	.post .col4_list > li {
		width: 49%;
	}
	.post .col4_list::before, .post .col4_list:after {
		content: none;
	}
}
@media print, screen and (max-width: 600px) {
	.post .col4_list > li {
		width: 100%;
	}
	.post .col4_list > li:last-child {
		margin-bottom: 0;
	}
}

/*------------------------------------------------------
Hover
------------------------------------------------------*/
a:hover {
    opacity: .7;
    cursor: pointer;
}

/*------------------------------------------------------
Header
------------------------------------------------------*/
nav#mainNav ul li a:hover {
	background: #fff !important;
	opacity: 1 !important;
}

.spmenu #menu span, .spmenu #menu span:before, .spmenu #menu span:after {
    background: #fff;
}
.spmenu #menu p {
    color: #fff;
}

/* SP */
@media print, screen and (max-width: 1023px) {
	nav#mainNav ul li a {
		padding: 16px;
        border-bottom: 1px solid var(--color-border);
        background: var(--color-primary);
	}
    nav#mainNav ul li a b {
        display: none;
    }
    nav#mainNav ul li a span {
        display: block;
        color: #fff;
    }
}

/*------------------------------------------------------
タイトル・テキスト
------------------------------------------------------*/
.post .read p, .read p {
    font-size: var(--rem16);
    margin-bottom: 1.5em;
}
.post .read p:last-child, .read p:last-child {
    margin-bottom: 0;
}
.post p, p {
    font-size: var(--rem16);
    line-height: 1.85;
}
.color_w {
    color: #fff !important;
}


h1.title, .post h1, header#h1Header h1.title {
    font-family: var(--font-family03);
}
.post h2, h2,
h1.title.top-loop,
h1.title.bottom-loop {
    font-family: var(--font-family03);
    font-size: var(--rem48);
    color: var(--color-primary);
    font-weight: 700;
    letter-spacing: .1em;
    margin: 0 auto var(--px50);
}
.post h2:after, h2:after {
    content: none;
}
.post h2 span.en, h2 span.en,
h1.title.top-loop span.en,
h1.title.bottom-loop span.en {
    display: block;
    font-family: var(--font-family02);
    font-size: var(--rem72);
    color: var(--color-primary);
    line-height: 1;
    font-weight: 600;
}
.post h2 span.jp, h2 span.jp,
h1.title.top-loop span.jp,
h1.title.bottom-loop span.jp {
    display: block;
    font-weight: 600;
    color: var(--color-primary-shade);
    font-size: var(--rem30);
    letter-spacing: .2em;
}

.post h2.txtstyle01, h2.txtstyle01 {
    font-size: var(--rem48);
    font-family: var(--font-family02);
    color: var(--color-font);
    font-weight: 600;
    line-height: 1.65;
    text-align: left;
    margin: 0;
    padding: 0;
}
.post h2.txtstyle01::after, h2.txtstyle01::after {
    content: none;
}


.post h3, h3 {
    font-family: var(--font-family03);
    font-size: 2.4rem;
    font-weight: 800;
    background: var(--color-background02);
    border-left: 6px solid var(--color-primary);
    border-bottom: none;
    margin: 0 0 var(--px40);
    padding: 12px 20px;
}
@media print, screen and (max-width: 768px) {
    .post h3, h3 {
        font-size: 2.0rem;
    }
}
.post h4::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 26px;
    background: var(--color-primary);
    top: 0;
    left: 0;
}


/*------------------------------------------------------
Btn
------------------------------------------------------*/
.linkBtn, .post .linkBtn, a.linkBtn, .post .subimitarea .linkBtn input[type="submit"] {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 240px;
	font-family: var(--font-family02);
	font-size: var(--rem20);
	font-weight: 800;
    color: var(--color-font);
    text-align: left;
    background: transparent;
    padding: var(--rem20) 30px 8px 10px;
    margin: 0 auto;
    border-bottom: solid 2px;
    border-radius: 0;
    transition: all .3s;
}
.linkBtn.co_w, .post .linkBtn.co_w, a.linkBtn.co_w {
    color: #fff;
    border-bottom: solid 2px #fff;
}
.post .linkBtn::before, .linkBtn::before, a.linkBtn::before {
    content: "";
    position: absolute;
    top: 53%;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: var(--color-primary);
    background-size: 200% 100%;
    background-position: 0 0;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}
.post .linkBtn.co_w::before, .linkBtn.co_w::before, a.linkBtn.co_w::before {
    background: #fff;
    border: 1px solid #fff;
}
.post .linkBtn::after, .linkBtn::after, a.linkBtn::after {
    right: 14px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-color: var(--color-font);
    transition: all 0.3s ease-in-out;
    display: block;
    content: '';
    position: absolute;
    top: 53%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.post .linkBtn.co_w::after, .linkBtn.co_w::after, a.linkBtn.co_w::after {
    border-right: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}
.linkBtn:hover, .post .linkBtn:hover, a.linkBtn:hover, .post .subimitarea .linkBtn:hover input[type="submit"] {
    background: transparent;
    color: var(--color-font);
}
.linkBtn.co_w:hover, .post .linkBtn.co_w:hover, a.linkBtn.co_w:hover {
    color: #fff;
}
.post .linkBtn:hover::before, .linkBtn:hover::before, a.linkBtn:hover::before {
    background: #fff;
}
.post .linkBtn:hover::after, .linkBtn:hover::after, a.linkBtn:hover::after {
    border-right: 1px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}
.subimitarea > .linkBtn {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.post .subimitarea .linkBtn input[type="submit"] {
    margin-top: 0;
}

/* アンカーボタン */
.ancBtn, .post .ancBtn, a.ancBtn, .post .subimitarea .ancBtn input[type="submit"] {
    position: relative;
    display: inline-block;
    width: 100%;
    width: 240px;
    font-size: var(--rem16);
    color: #fff;
    line-height: 1.8;
    text-align: center;
    background: var(--color-primary);
    font-weight: 600;
    padding: var(--rem20) 30px var(--rem20) 20px;
    margin: 0 auto;
    border: none;
    border-radius: 50vh;
    transition: all .3s;
}
.post .ancBtn::after, .ancBtn::after, a.ancBtn::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -3px;
    transition: all .3s;
}
.post .ancBtn.anc::after, .ancBtn.anc::after, a.ancBtn.anc::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.post .ancBtn:hover, .ancBtn:hover, a.ancBtn:hover, .post .subimitarea .ancBtn input[type="submit"]:hover {
    color: #fff;
    background: var(--color-primary-tint);
}
.post .ancBtn:hover::after, .ancBtn:hover::after, a.ancBtn:hover::after {
    border-color: #fff;
}
.subimitarea > .ancBtn {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.post .subimitarea .ancBtn input[type="submit"] {
    margin-top: 0;
}

/*------------------------------------------------------
Header
------------------------------------------------------*/
#header a.head_btn {
    background: #fff;
    color: var(--header-color-primary);
    font-size: calc(1.6rem +(1vw - 19.2px)* 0.2232);
    font-weight: 600;
    line-height: 1.4;
    padding: 10px var(--px24);
    -webkit-transition: .3s;
    transition: .3s;
}
nav#mainNav ul li a {
    font-family: var(--font-family02);
}
.sticky-header #header > .inner {
    background: var(--header-background);
}
#header a.head_btn {
    font-family: var(--font-family02);
}
.post .wpcf7 table {
    border: none;
}
.post .wpcf7 table th,
.post .wpcf7 table td {
    padding: 20px 16px;
    border: none;
    border-top: 1px solid var(--color-table-border);
    border-bottom: 1px solid var(--color-table-border);
}
.post .wpcf7 table th {
    width: 30%;
    background: #fff;
    line-height: 1.25;
}

.post p.contact_message, p.contact_message {
    font-size: var(--rem16);
    margin-bottom: var(--px60);
    line-height: 2.4;
}

@media print, screen and (max-width: 640px) {
    .post .wpcf7 table th {
            border-right: none;
            border-bottom: none;
            border-top: none;
            padding-bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: space-between;
    }
    .post .wpcf7 table td {
            border-top: none;
            padding-top: 5px;
    }
    .post .wpcf7 table tr:first-child {
            border-top: 1px solid var(--color-table-border);
    }
}

/* SP */
@media print, screen and (max-width: 1023px) {
	nav#mainNav ul li a {
		padding: 16px;
	}
	nav#mainNav ul li a {
		border-bottom: 1px solid var(--color-border);
	}
}

/*------------------------------------------------------
Footer
------------------------------------------------------*/

/*------------------------------------------------------
サイトマップ
------------------------------------------------------*/
.post ul#sitemap_list li {
	margin-bottom: min(calc(2.0rem + (1vw - 1.92rem) * 0.2589) ,20px);
	padding-left: 0;
	padding-bottom: min(calc(2.0rem + (1vw - 1.92rem) * 0.2589) ,20px);
	border-bottom: 1px solid var(--color-border);
}

/*------------------------------------------------------
お問い合わせ
------------------------------------------------------*/
.post h2.contact_title {
	font-family: var(--font-family01);
	text-align-last: left;
	font-size: min(calc(3.0rem + (1vw - 1.92rem) * 0.6472), 3.0rem);
	margin: 0 auto var(--px30);
    text-align: left;
}
.post h2.contact_title::after {
    content: none;
}
.aligncenter {
	text-align-last: left;
	font-family: var(--font-family01);
	font-weight: normal;
    line-height: 1.85;
}
.wpcf7-form .must {
	background: var(--color-primary)
}
.contact_area {
	font-family: var(--font-family01);
	font-weight: normal;
}
.contact_area th {
	font-weight: bold;
}
.contact_area th.sup {
	font-size: 1.2rem;
	color: var(--color-primary);
}
.post .subimitarea .linkBtn input[type="submit"] {
	font-family: var(--font-family01);
}
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
    margin-bottom: 0;
}
span.wpcf7-list-item {
    display: block;
    margin-bottom: .2em;
}
.agreement_text {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 完了 */
.post .thanks_btn {
    margin: var(--px60) auto 0 !important;
    display: block;
}
@media print, screen and (max-width: 768px) {
    .post .thanks {
        text-align: left;
    }
}

.data_flex_inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.data_flex {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}
.data_flex span.data_form {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 40%;
}
.data_flex span.data_text {
    font-weight: 700;
    display: inline-block;
}
.data_flex .wpcf7-form-control-wrap {
    width: 60%;
}
@media print, screen and (max-width: 1023px) {
    .data_flex {
        flex-direction: column;
        gap: 5px;
    }
    .data_flex span.data_form {
        width: 100%;
    }
}

/*------------------------------------------------------
TOP
------------------------------------------------------*/
.column06 {
    background: var(--color-background02);
}
.column06_wrap {
	position: relative;
    width: 100%;
    margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: center;
	z-index: 20;
}
.column06 .imgarea {
	position: relative;
	    aspect-ratio: 4 / 3;
	overflow: hidden;
	width: 60%;
}
.column06 .imgarea img {
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.column06 .txtarea {
	position: relative;
	width: 50%;
	 display: flex;
    align-items: center;
    justify-content: center;;
	background: #fff;
	padding: var(--px80) var(--px40);
	margin: 0 auto 0 -10%;
	z-index: 10;
}
.column06 .txtarea .txtinner {
    max-width: 720px;
}
.column06_wrap + .column06_wrap {
	margin-top: var(--px80);
}

@media print, screen and (min-width: 1024px) {
	/*左右反転*/
	.column06_wrap.rev {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.column06_wrap.rev .txtarea {
		margin: 0 -10% 0 auto;
	}
}
@media print, screen and (max-width: 1023px) {
	.column06_wrap.rev {
		flex-direction: row;
	}
	.column06 .imgarea, .column06 .txtarea {
		width: 90%;
	}
	.column06 .txtarea {
		margin: calc(-60px + (1vw - 10.23px) * -3.8580) 0 0 auto;
	}
}

.column03 {
	position: relative;
    background: var(--color-background02);
}
.column03:before {
    content: "";
    background: url(/wp-content/uploads/bg_topFeature.jpg) no-repeat center / cover;
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.post ul.column03_wrap {
	position: relative;
	max-width: 1600px;
	width: 90%;
    margin: 0 auto;
	z-index: 1;
}
.post ul.column03_wrap li {
    background: var(--color-primary-tint);
    padding: var(--px20) var(--px40) var(--px80);
}
.post ul.column03_wrap li .num {
    font-family: var(--font-family02);
    text-align: center;
    margin: 0 auto;
    color: var(--color-secondary-shade);
    font-size: var(--px180);
    line-height: 1;
}
.post ul.column03_wrap li h3.column03_ttl {
    font-family: var(--font-family03);
    font-weight: 500;
    font-size: var(--rem36);
    color: #fff;
    text-align: center;
    line-height: 1.45;
    border-bottom: none;
    margin: 10px auto 0;
    padding: 0;
    background: none;
    border: none;
}
.post ul.column03_wrap li h3.column03_ttl span.en {
    font-family: var(--font-family02);
    color: var(--color-secondary);
    font-size: var(--rem24);
    font-weight: 500;
    display: block;
}

.column02 {
	position: relative;
}
.column02_wrap {
	position: relative;
	max-width: 1600px;
	width: 90%;
    margin: 0 auto;
}
.post ul.column02_list li:first-child {
    background: url(/wp-content/uploads/top_recruit01.jpg) no-repeat center / cover;
    position: relative;
    z-index: 0;
}
.post ul.column02_list li:last-child {
    background: url(/wp-content/uploads/top_recruit02.jpg) no-repeat center / cover;
    position: relative;
    z-index: 0;
}
.post ul.column02_list.column02_consul li {
    background: url(/wp-content/uploads/top_consulting.jpg) no-repeat center / cover;
    position: relative;
    z-index: 0;
}
.post ul.column02_list.column02_bar li {
    background: url(/wp-content/uploads/top_bar.jpg) no-repeat center / cover;
    position: relative;
    z-index: 0;
}
.post ul.column02_list li a {
    position: relative;
    display: block;
    padding: var(--px240) var(--px20) var(--px120) var(--px60);
}
.post ul.column02_list li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(28, 44, 131, .7);
    z-index: 10;
    transition: all .3s;
}
.post ul.column02_list li a:hover::after {
    background: rgba(30, 34, 63, .7);
}
.post .column02_wrap .column02_inner {
    position: relative;
    z-index: 100;
}
.post .column02_wrap h3.column02_ttl {
    font-family: var(--font-family03);
    font-size: var(--rem48);
    font-weight: 500;
    letter-spacing: .1em;
    text-align: right;
    color: #fff;
    border-bottom: none;
    padding: 0;
    margin: 0 0 var(--px20);
    background: none;
    border: none;
}
.post .column02_wrap h3.column02_ttl span.en {
    display: block;
    font-family: var(--font-family02);
    font-weight: 500;
    font-size: var(--rem24);
    letter-spacing: .05em;
}
.post .column02_wrap .arrow {
    content: "";
    position: absolute;
    bottom: calc(var(--px100) * -1);
    right: var(--px20);
    display: block;
    width: var(--px80);
    height: var(--px80);
    background: transparent;
    background-size: 200% 100%;
    background-position: 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.post .column02_wrap .arrow::after {
    top: var(--px30);
    right: var(--px30);
    width: var(--px12);
    height: var(--px12);
    margin-right: 2px;
    border-color: var(--color-font);
    transition: all 0.3s ease-in-out;
    display: block;
    content: '';
    position: absolute;
    bottom: calc(var(--px80) * -1);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media print, screen and (max-width: 768px) {
    .post .column02_wrap .arrow::after {
        width: 8px;
        height: 8px;
    }
}

.postlist .time {
    background: var(--color-secondary);
}


/*------------------------------------------------------
会社概要
------------------------------------------------------*/
.post table.table_style00 th {
    background: var(--color-primary);
    color: #fff;
}
.post table.table_style00 th,
.post table.table_style00 td {
    padding: 20px;
}
.googlemap {
    margin: var(--px20) auto 0;
}

/*------------------------------------------------------
人材紹介
------------------------------------------------------*/
.post ul.anchor_btn {
    margin: 0 auto var(--px120);
    justify-content: center;
    gap: var(--px30);
}
@media print, screen and (max-width: 768px) {
    .post ul.anchor_btn li a {
        margin: 0 auto 2%;
        display: block;
    }
}

.post p.sub_ttl, p.sub_ttl {
    font-family: var(--font-family03);
    font-size: var(--rem30);
    font-weight: 700;
    margin-bottom: var(--px30);
    line-height: 1.65;
}

.post ul.info_list.col3_list {
    margin: 0 auto var(--px60);
}
.post ul.info_list.col3_list li {
    background: var(--color-secondary-tint);
    padding: var(--px50) var(--px30);
}
.post ul.info_list li h4.info_ttl {
    font-family: var(--font-family03);
    color: var(--color-primary);
    font-size: 2.4rem;
    font-weight: 800;
    text-align: center;
    margin: 0 0 var(--px30);
    padding: 0;
}
@media print, screen and (max-width: 768px) {
    .post ul.info_list li h4.info_ttl {
        font-size: 2.0rem;
    }
}
.post ul.info_list li h4.info_ttl span {
    display: block;
    font-size: 1.4rem;
    color: var(--color-font);
}
.post ul.info_list li h4.info_ttl::before {
    content: none;
}


.post ul.flow_list.col3_list {
    margin: 0 auto var(--px60);
}
.post ul.flow_list.col3_list li {
    border: 1px solid var(--color-secondary);
}
.post ul.flow_list p.flow_num {
    font-family: var(--font-family03);
    font-size: var(--px30);
    background: var(--color-primary-tint);
    color: var(--color-secondary-shade);
    text-align: center;
    padding: 12px;
}
.post ul.flow_list.col3_list li .flow_inner {
    padding: var(--px30);
}
.post ul.flow_list li h4.flow_ttl {
    font-family: var(--font-family03);
    color: var(--color-primary);
    font-size: 2.4rem;
    font-weight: 800;
    text-align: center;
    margin: 0 0 var(--px16);
    padding: 0;
}
@media print, screen and (max-width: 768px) {
    .post ul.flow_list li h4.flow_ttl {
        font-family: var(--font-family03);
        color: var(--color-primary);
        font-size: 2.0rem;
    }
}
.post ul.flow_list li h4.flow_ttl::before {
    content: none;
}
.order_form {
    margin: 0 auto;
    text-align: center;
    font-size: var(--rem20);
}
.order_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.post .order_inner img,
.order_inner img {
    display: inline-block;
    margin: 0;
}
.post .order_form .order_inner .line_icon {
    text-align: left;
}
.post .order_form .order_inner .line_icon a {
   color: var(--color-primary);
   font-weight: 700;
   text-decoration: underline;
}
.fa-brands.fa-line {
    font-size: 30px;
}
.fa-brands.fa-line.color_l {
    color: var(--color-primary);
}

/*------------------------------------------------------
採用コンサルティング
------------------------------------------------------*/
.post .consult ul.consult_inner {
    background: var(--color-secondary-tint);
    margin: var(--px30) auto var(--px80);
    padding: var(--px40) var(--px30);
}
.post .consult ul.consult_inner li {
    text-align: center;
    font-family: var(--font-family03);
    font-weight: 700;
    padding: 0 0 var(--px12);
    margin: 0 auto var(--px20);
    border-bottom: 1px solid var(--color-primary);
}

.consult_ttl{
	font-size: var(--rem20) !important;
    font-family: var(--font-family03);
    font-weight: 800;
    /* padding: 0 0 0 1.2em; */
    margin: var(--px40) auto var(--px12);
    border: none;
    color: var(--color-primary);
}
/*------------------------------------------------------
CTA
------------------------------------------------------*/
#foot-contact_pt05 {
    clear: both;
    position: relative;
    background: url(/wp-content/uploads/bg_cta.jpg) no-repeat center / cover;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    padding: min(calc(90px + (1vw - 19.2px) * 1.9417), 90px) calc((100vw - 100%) / 2);
    z-index: 0;
}
body.home #foot-contact_pt05.foot_bottom {
    display: none;
}
#foot-contact_pt05 .wrapper_content {
    position: relative;
    z-index: 5;
    background: var(--color-primary-tint);
    opacity: .9;
    border: 3px solid var(--color-secondary-shade);
    padding: var(--px100) var(--px60);
    max-width: 1600px;
}
.post #foot-contact_pt05 h2, #foot-contact_pt05 h2 {
    margin: 0 auto var(--px40);
}

#foot-contact_pt05 ul.contactbtn_list {
    position: relative;
    max-width: 1000px;
    margin: var(--px30) auto;
    z-index: 10;
}
#foot-contact_pt05 ul.contactbtn_list > li {
    width: 100%;
}
#foot-contact_pt05 ul.contactbtn_list > li a.f-contact_btn {
    width: 100%;
    max-width: none;
    min-width: inherit;
}
#foot-contact_pt05 ul.contactbtn_list:first-child {
    margin-top: 0;
}
#foot-contact_pt05 ul.contactbtn_list:last-child {
    margin-bottom: 0;
}

#foot-contact_pt05 a.f-contact_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem);
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    padding: min(calc(20px + (1vw - 19.2px) * 0.5178), 20px) min(calc(30px + (1vw - 19.2px) * 0.9709), 30px);
    border-radius: 0;
    font-family: var(--font-family03);
    color: var(--color-primary);
    background: var(--color-secondary-grae);
    border: none;
    transition: .3s;
}
#foot-contact_pt05 a.f-contact_btn::after {
    content: none;
}

#foot-contact_pt05 a.f-contact_btn .ico {
    font-size: var(--px40);
    letter-spacing: .1em;
    font-weight: 600;
}
#foot-contact_pt05 a.f-contact_btn .ico::before {
    display: block;
    font-size: min(calc(3rem + (1vw - 19.2px) * 0.5825), 3rem);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
}
#foot-contact_pt05 a.f-contact_btn.mailBtn .ico::before {
    content: '\f0e0';
}
#foot-contact_pt05 a.f-contact_btn .note {
    font-family: var(--font-family01);
    font-size: var(--rem16);
    font-weight: 700;
    letter-spacing: .1rem;
}
#foot-contact_pt05 a.f-contact_btn:hover {
    background: linear-gradient(90deg, rgba(182,149,98,1) 0%, rgba(205,177,148,1) 100%);
    opacity: 1;
    box-shadow: 0 0 30px 0px rgba(205,177,148,.4);
}
#foot-contact_pt05 .order_inner .line_icon a {
    color: var(--color-secondary-shade);
    font-weight: 700;
    text-decoration: underline;
}

@media print, screen and (max-width: 768px) {
    #foot-contact_pt05 a.f-contact_btn {
            height: 110px;
    }
    #foot-contact_pt05 ul.contactbtn_list {
            gap: 15px;
    }
}

article.category-news .post >*  {
    margin-bottom: .5em;
}