@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
/* @import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css); */
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
/*@import url(../_plugin/Remodal/remodal.css); @import url(../_plugin/Remodal/remodal-default-theme.css);*/
@import url(common_parts.css);
@import url(common.css);


/*
 article
==============================*/

/* mvp ----------*/
#mvp { position: relative; height: 37.5rem; background-image: url(../_img/common/article_mv_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#mvp h1 { position: absolute; bottom: 4rem; left: 0; width: 100%; text-align: center; }
#mvp h1 .w { display: block; margin-bottom: 2rem; line-height: 1.4; font-size: 3.4rem; font-weight: bold; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#mvp h1 object { width: 80%; }
}

/* company_philosophy ----------*/
#company_philosophy {}
#company_philosophy .h2 { text-align: center; }
#company_philosophy .h2 .w { justify-content: center; }
#company_philosophy .h2 .j { color: #7C7676; font-size: 2.8rem; justify-content: center; }
#company_philosophy #philosophy {}
#company_philosophy #philosophy .h2 {}
#company_philosophy #philosophy .h2 .w { position: relative; z-index: 2; }
#company_philosophy #philosophy .h2 object { position: relative; z-index: 1; margin-top: -12rem; margin-left: 4rem; }
#company_philosophy #philosophy .box { padding: 12rem 2rem; background-image: url(../_img/index/bg1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#company_philosophy #philosophy .box h3 { position: relative; width: 100%; text-align: center; }
#company_philosophy #philosophy .box h3 .w { display: block; color: #FFF; font-size: 4rem; font-weight: bold; }
#company_philosophy #philosophy .box h3 object { position: relative; margin-left: 24rem; margin-top: -10rem; }
#company_philosophy #philosophy .box p { color: #FFF; text-align: center; font-size: 2.2rem; }
#company_philosophy #derivation { overflow: hidden; }
#company_philosophy #derivation .h2 {}
#company_philosophy #derivation .h2 object { position: relative; margin-top: -3rem; }
#company_philosophy #derivation .txt1 { text-align: center; }
#company_philosophy #derivation .box { padding: 6rem 10rem; position: relative; margin-top: 8rem; background-color: #A29393; }
#company_philosophy #derivation .box h3 { margin-bottom: 3rem; }
#company_philosophy #derivation .box h3 .e { display: block; color: #FFF; text-align: center; font-size: 3.8rem; }
#company_philosophy #derivation .box h4 { color: #FFF; font-size: 2.8rem; margin-bottom: 1.5rem; }
#company_philosophy #derivation .box p { color: #FFF; }
#company_philosophy #derivation .box #line_6 { width: 25%; position: absolute; top: -8rem; right: -6rem; }
#company_philosophy #greeting { overflow: hidden; }
#company_philosophy #greeting h2 { margin-bottom: 3rem; }
#company_philosophy #greeting h2 .e { font-size: 3.8rem; color: #A29393; }
#company_philosophy #greeting h3 { color: #534E4E; font-size: 2.8rem; font-weight: 400; margin-bottom: 3rem; }
#company_philosophy #greeting .inner { max-width: 112rem; }
#company_philosophy #greeting .ptw { display: flex; }
#company_philosophy #greeting .ptw .tw { width: 54%; }
#company_philosophy #greeting .ptw .tw .name { margin-top: 8rem; }
#company_philosophy #greeting .ptw .tw .p { margin-left: calc(((100vw - 108rem) / 2) * -1); }
#company_philosophy #greeting .ptw .pw { position: relative; width: 36%; margin-left: auto; }
#company_philosophy #greeting .ptw .pw img { position: absolute; top: 12rem; z-index: 1; width: 80rem; max-width: none; }
#company_philosophy #greeting .ptw .pw object { position: relative; z-index: 2; left: -12rem;  }
@media screen and (max-width:620px) {
	#company_philosophy #philosophy .box h3 object { width: 40vw; margin-left: 20rem; margin-top: -8rem; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#company_philosophy #derivation .box { padding: 3rem; margin-top: 4rem; }
	#company_philosophy #derivation .box #line_6 { width: 40%; top: -4rem; right: -6rem; }
	#company_philosophy #greeting .ptw { display: block; }
	#company_philosophy #greeting .ptw .tw { width: 100%; }
	#company_philosophy #greeting .ptw .tw .p { margin-left: 0; margin-top: 2rem; width: 80%; }
	#company_philosophy #greeting .ptw .pw { width: 100%; overflow: hidden; }
	#company_philosophy #greeting .ptw .pw { text-align: right; }
	#company_philosophy #greeting .ptw .pw img { position: relative; top: 0; padding-top: 6rem; width: 80%; }
	#company_philosophy #greeting .ptw .pw object { position: absolute; top: -4rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#company_philosophy #derivation .txt1 { text-align: left; }
}

/* pickup ----------*/
#pickup .h2 { text-align: center; }
#pickup .h2 .w { justify-content: center; }
#pickup .h2 .j { display: block; font-size: 2rem; margin-bottom: 4rem; padding-top: 2rem; }

/* new_post ----------*/
#new_post { padding-top: 0 !important; }
#new_post .h2 { text-align: center; }
#new_post .h2 .w { justify-content: center; }
#new_post .h2 .j { display: block; font-size: 2rem; margin-bottom: 4rem; padding-top: 2rem; }

/* article common ----------*/
.article-wrap {}
.article-wrap .inner { display: flex; }
.article-contents { width: calc(100% - 32rem - 8rem); }
.article-side { width: 32rem; margin-left: auto; }
.article-side .bt-all { font-size: 2rem; background-color: #C6BCBC; color: #FFF; text-decoration: none; display: block; text-align: center; padding: 1.5rem; border-radius: 10rem; background-image: url(../_img/common/bt_icon_2.svg); background-repeat: no-repeat; background-position: right 2rem center; }
.article-side h3 { margin-top: 6rem; font-size: 2rem; font-weight: 400; color: #7C7676; margin-bottom: 1.5rem; }
.article-side .catlist {}
.article-side .catlist li { margin-bottom: 1rem; }
.article-side .catlist li a { display: block; text-decoration: none; text-align: center; font-size: 1.8rem; line-height: 1.3; color: #FFF; background-color: #A29393; padding: 1rem; }
.article-side .taglist { justify-content: left; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	.article-wrap .inner { display: block; }
	.article-contents { width: 100%; }
	.article-side { width: 100%; max-width: 62rem; padding-top: 6rem; margin: auto; }
}

/* article ----------*/
#article { padding-top: 12rem; }
#article .article-side { padding-top: 6rem; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#article { padding-top: 9rem; }
}

/* article detail ----------*/
#article .article-header .cw { display: block; }
#article .article-header .cw { display: block; }
#article .article-header .cw .c { display: inline-block; padding: 0.5rem 2rem; border: solid 1px #77867A; color: #FFF; background-color: #354538; text-decoration: none; line-height: 1; font-size: 1.6rem; }
#article .article-header h1 { margin-top: 2.5rem; line-height: 1.6; font-size: 3.2rem; }
#article .article-header .tags { display: flex; flex-flow: wrap; margin-top: 2.5rem; gap: 1rem; }
#article .article-header .tags li { display: block; padding: 0.5rem 2rem; border: solid 1px #77867A; color: #171212; background-color: #FFF; text-decoration: none; line-height: 1; font-size: 1.6rem; }
#article .article-header .pw { margin-top: 4rem; }
#article .article-detail { margin-top: 5rem; }
#article .article-detail h2 { line-height: 1.6; font-size: 3rem; font-weight: bold; }
#article .article-detail h2.d1 { margin: 2em 0 1em 0; padding-bottom: 1rem; border-bottom: solid 3px #A29393; }
#article .article-detail h2.d2 { margin: 1.5em 0 1em 0; padding: 2rem; color: #FFF; background-color: #A29393; }
#article .article-detail h2.d3 { margin: 1.5em 0 1em 0; padding-left: 1rem; border-left: solid 1rem #A7B2A9; color: #77867A; }
#article .article-detail h3 { margin: 1.5em 0 1em 0; color: #7C7676; line-height: 1.4; font-size: 2.6rem; }
#article .article-detail h4 { margin: 1.5em 0 1em 0; color: #354538; line-height: 1.4; font-size: 2.2rem; }
#article .article-detail h2:nth-child(1), #article .article-detail h3:nth-child(1), #article .article-detail h4:nth-child(1) { margin-top: 0 !important; }
#article .article-detail h2:last-child, #article .article-detail h3:last-child, #article .article-detail h4:last-child { margin-bottom: 0 !important; }
#article .article-detail hr.whitespace { height: 0; margin: 5rem 0; border: none; }
#article .article-detail .fw {}
#article .article-detail .fw .fl { max-width: 55%; padding: 0 1.5em 1.5em 0; }
#article .article-detail .fw .fr { max-width: 55%; padding: 0 0 1.5em 1.5em; }
#article .article-detail .number_box {}
#article .article-detail .number_box h5 { font-size: 2.6rem; color: #7C7676; margin-bottom: 4rem; }
#article .article-detail .number_box .number_list {}
#article .article-detail .number_box .number_list li { padding: 2rem; background-color: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
#article .article-detail .number_box .number_list li span { display: block; text-align: center; }
#article .article-detail .number_box .number_list li .h { font-size: 2rem; font-weight: 400; margin-bottom: 1.5rem; }
#article .article-detail .number_box .number_list li .t { font-size: 1.6rem; font-size: 100; margin-top: 1rem; }

/* recruit ----------*/
#recruit {}
#recruit .article-side h2 { padding: 1rem 1.5rem; color: #FFF; background-color: #A7B2A9; font-size: 2rem; }
#recruit .article-side h3 { margin-top: 3.5rem; }
#recruit .article-side .taglist li a { border-color: #A29393; color: #7C7676; }
#recruit .recruit_list {}
#recruit .recruit_list > li { display: flex; padding: 2rem; margin-top: 2rem; background-color: #FFF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
#recruit .recruit_list > li:first-child { margin-top: 0; }
#recruit .recruit_list > li .tw { width: calc(100% - 30% - 3rem); }
#recruit .recruit_list > li .pw { width: 30%; margin-left: auto; text-align: right; }
#recruit .recruit_list > li .pw a { margin-top: 3rem; }
#recruit .taglist { justify-content: left; }
#recruit .taglist li span { border: none; }
#recruit .taglist .job { background-color: #354538; color: #FFF; }
#recruit .taglist .type { background-color: #A29393; color: #FFF; }
#recruit .taglist .area { background-color: #77867A; color: #FFF; }
#recruit .recruit_list > li .h { display: block; font-size: 2.2rem; font-weight: bold; margin-top: 2rem; }
#recruit .recruit_list > li .t { display: block; margin-top: 2rem; font-size: 1.6rem; line-height: 2; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#recruit .recruit_list > li { display: block; }
	#recruit .recruit_list > li .tw { display: block; width: 100%; }
	#recruit .recruit_list > li .pw { width: 100%; display: block; margin-top: 2rem; text-align: center; }
}

/* recruit detail ----------*/
#recruit .article-contents {}
#recruit .article-contents .w { background-color: #FFF; padding: 3rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
#recruit .article-header {}
#recruit .article-header h1 { margin-top: 2.5rem; line-height: 1.6; font-size: 3.2rem; }
#recruit .article-header .pw { margin-top: 2rem; }
#recruit .article-detail { margin-top: 6rem; }
#recruit .article-detail table { width: 100%; }
#recruit .article-detail table th, #recruit .article-detail table td { border-bottom: solid 1px #A29393; padding: 2rem 0; }
#recruit .article-detail table th { text-align: left; white-space: nowrap; color: #77867A; padding-right: 10rem; }
#recruit .article-detail table td {}
#recruit .article-detail ul { padding-left: 1em; }
#recruit .article-detail ul li { list-style: disc; list-style-position: outside; }
#recruit .article-detail ol { padding-left: 1em; }
#recruit .article-detail ol li { list-style: decimal; list-style-position: outside; }
#recruit .article-detail .btw { text-align: center; padding: 4rem 0; }
#recruit .article-detail .btw .bt { background-color: #A29393; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#recruit .article-detail table, #recruit .article-detail table tbody, #recruit .article-detail table tr, #recruit .article-detail table th, #recruit .article-detail table td { display: block; width: 100%; }
	#recruit .article-detail table th { border-bottom: none; padding-right: 0; padding-bottom: 0; }
}

/* formpage ----------*/
.formpage {}
.formpage .sec .w { background-color: #FFF; padding: 5rem 8rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
.formpage form { width: 100%; }
.formpage form input[type=text], .formpage form input[type=email], .formpage form input[type=tel], .formpage form input[type=url], .formpage form textarea, .formpage form select { width: 100%; padding: 1rem; font-size: 1.8rem !important; border: solid 1px #7C7676 !important; border-radius: 0 !important; }
.formpage form textarea { min-height: 20rem; }
.formpage form ::placeholder { color: #C6BCBC; }
.formpage form table { width: 100%; }
.formpage form table th { font-size: 1.8rem; text-align: left; white-space: nowrap; }
.formpage form table th.required::after { content: "必須"; display: inline-block; background-color: #77867A; padding: 0.25em 0.5em; color: #FFF; line-height: 1; margin-left: 1rem; font-size: 1.6rem; font-weight: normal; }
.formpage form table td { width: 80%; padding-left: 4rem; padding-bottom: 5rem; }
.formpage form table td .fx1 {}
.formpage form table td .fx1 li { display: flex; align-items: center; margin-top: 2.5rem; }
.formpage form table td .fx1 li:first-child { margin-top: 0; }
.formpage form table td .fx1 li span {}
.formpage form table td .fx1 li .t { color: #7C7676; width: 5em; }
.formpage form table td .fx1 li .i { width: calc(100% - 5em); max-width: 40rem; }
.formpage .privacy { width: 100%; height: 23rem; border: solid 1px #7C7676; padding: 2rem; overflow-y: scroll; }
.formpage .privacy h3 { font-size: 1.7rem !important; }
.formpage .privacy p { font-size: 1.5rem;}
.formpage .agreement { text-align: center; padding: 4rem 0; }
.formpage .agreement label { display: flex; justify-content: center; }
.formpage .agreement label:hover { cursor: pointer; }
.formpage .agreement label input { margin-right: 1rem; }
.formpage .btw { padding: 4rem 0; display: flex; justify-content: center; gap: 1rem; }
.formpage .btw .bt { background-color: #A29393; }
.formpage .btw .bt-back { background-color: #999; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	.formpage form table,
	.formpage form table tbody,
	.formpage form table tr,
	.formpage form table th,
	.formpage form table td { display: block; width: 100%; }
	.formpage form table th { padding-bottom: 2rem; }
	.formpage form table td { padding-left: 0; padding-bottom: 3rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	.formpage .sec .w { padding: 3rem; }
}



/* WPForms overlap ----------*/
.formpage .wpforms-field { position: relative; padding: 2.5rem 0 2.5rem 30rem !important; }
.formpage .wpforms-field-content, .formpage .wpforms-field-layout, .formpage .wpforms-field-layout .wpforms-field { padding-left: 0 !important; }
.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(1) { width: 30rem; }
.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(1) h3 { font-size: 1.8rem !important; text-align: left; white-space: nowrap; margin: 0 !important; }
.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(2) { width: calc(100% - 30rem); }
.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(2) .wpforms-field { padding-top: 0 !important; }
.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(2) .wpforms-field-label { position: relative !important; font-weight: normal; font-size: 1.6rem !important; }
.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(2) input { opacity: 1 !important; }
.formpage .wpforms-field-name .wpforms-field-row { flex-direction: row-reverse !important; gap: 2rem; flex-flow: row-reverse !important; }
.formpage .wpforms-field-name .wpforms-field-row::before, .formpage .wpforms-field-name .wpforms-field-row::after { display: none !important; }
.formpage .wpforms-field-name .wpforms-field-row .wpforms-field-row-block { padding: 0 !important; }
.formpage .wpforms-field-label { position: absolute; left: 0; font-size: 1.8rem !important; text-align: left; white-space: nowrap; }
.formpage .wpforms-field fieldset { display: contents; }
.formpage .wpforms-required-label { display: inline-block; background-color: #77867A; padding: 0.25em 0.5em; color: #FFF !important; line-height: 1; margin-left: 1rem; font-size: 1.6rem; font-weight: normal; }
.formpage .wpforms-field-description { color: #171212 !important; font-size: 1.6rem !important; }
.formpage .wpforms-submit-container { text-align: center; }
.formpage .wpforms-submit-container .wpforms-submit { border-radius: 0; font-size: 2.2rem; width: 100%; max-width: 60rem; padding: 1em 2em; height: auto; transition: all 0.3s ease-out; }
.formpage .wpforms-submit-container .wpforms-submit:hover { opacity: 0.6; background: none !important; background-color: #A29393 !important; }
.formpage .center_check { padding-left: 0 !important; }
.formpage .center_check .wpforms-field-required { display: block !important; text-align: center; }
.formpage .center_check .wpforms-field-required li { display: inline-flex !important; }
#wpforms-3166-field_9 { height: 20rem; }
@media screen and (max-width:1024px) { /* l */
	.formpage .wpforms-field { padding: 2.5rem 0 !important; }
	.formpage .wpforms-field-label { position: relative; }
	.formpage .wpforms-field fieldset { display: block; }
	.formpage .wpforms-layout-row { flex-direction: column !important; }
	.formpage .wpforms-field-layout .wpforms-layout-row .wpforms-layout-column:nth-child(2) { width: 100%; }
}
@media screen and (max-width:480px) { /* s */
	#wpforms-3166-field_5-container .wpforms-field-row { flex-direction: column !important; gap: 1rem; }
	#wpforms-3166-field_5-container .wpforms-field-row .wpforms-one-half { width: 100%; max-width: none; padding: 0; }
}


/* contact ----------*/
#contact {}
#contact .inner { max-width: 112rem; }

.mw_wp_form_confirm .confirm_hide { display: none !important; }