@charset "utf-8";

/* --------------------------------------------


ページ名称


---------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400..800&display=swap');

.ff-en {
 font-family: "EB Garamond", serif;
 font-optical-sizing: auto;
 font-weight: <weight>;
 font-style: normal;
}

#header,
.gNavWrap,
#closeBtnWrap,
#openBtn,
#reserveBtn,
#footer {
 display: none !important;
}

body {
 background-color: #fff !important;
}

.recruitTopWrap {
 padding-bottom: 70px;
 background-color: #d67b4b;
}

/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */

.mainV {
 position: relative;
 padding-top: 4.5%;
}

.mainV h1 {}

.mainV .mainV_text {
 position: absolute;
 top: 28%;
 left: 4.4%;
 width: 600px;
}

.mainV_text img {}

.mainV_text p {
 margin: 40px 0 0 1.8em;
}

.mainV_text p span {
 display: inline-block;
 margin: 0 0 0.4em;
 padding: 0 0.8em;
 font-size: 1.8rem;
 line-height: 1.6;
 background-color: #fff;
}

.mainV_bg {
 margin: 0 4.5% 0 auto;
 width: 69.5%;
 height: 100vh;
 overflow: hidden;
}

.mainV_bg figure {
 width: 87%;
 height: 50%;
 overflow: hidden;
}

.mainV_bg figure img {
 object-fit: cover;
 object-position: center;
 height: 100%;
}

.mainV_bg figure:nth-of-type(1) {
 margin: 0 0 0 auto;
}

@media only screen and (max-width:640px) {
 .mainV {
  padding-top: 6%;
 }

 .mainV h1 {}

 .mainV .mainV_text {
  top: 64vh;
  left: 4%;
  width: 550px;
 }

 .mainV_text img {
  width: 90%;
 }

 .mainV_text p {
  margin: 20px 0 0 1.2em;
 }

 .mainV_text p span {
  font-size: 1.4rem;
 }

 .mainV_bg {
  width: 100%;
  height: 64vh;
 margin: 0 0% 0 auto;
 }

 .mainV_bg figure {
 }

}




/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.contentsNav {
 position: relative;
}

.contentsNav ul {
 flex-wrap: wrap;
 width: 92%;
 max-width: 1210px;
 margin: 150px auto 0;
}

.contentsNav li {
 width: calc(100% / 4 - 12px);
}

.contentsNav a {
 display: block;
 white-space: nowrap;
 padding: 1.3em 0 0.8em;
 text-align: center;
 font-size: 1.8rem;
 line-height: 1.2;
 background-color: #fff;
}

.contentsNav .ff-en {
 font-size: 1.1rem;
 opacity: 0.5;
}


@media only screen and (max-width:640px) {
 .contentsNav {}

 .contentsNav ul {
  width: 90%;
  margin: 400px auto 0;
 }

 .contentsNav li {
  width: calc(100%);
  margin: 5px 0;
 }

 .contentsNav a {
  padding: 1.4em 0 0.8em;
  font-size: 1.6rem;
 }

 .contentsNav .ff-en {
  font-size: 1.0rem;
 }
}



/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.policyWrap {
 position: relative;
 padding: 9.0% 0 10.7%;
 background-color: #ce6a36;
}

.policy_text {
 position: absolute;
 z-index: 1;
 top: 265px;
 left: 9.5%;
 color: #fff;
}

.policy_text h2 {
 font-size: 6.4rem;
 line-height: 1.45;
}

.policy_text span {
 display: inline-block;
 padding: 0 0.5em;
 margin: 0 0 1.0em;
 font-size: 1.6rem;
 line-height: 1.8;
 background-color: var(--color-blue);
}

.policy_text h3 {
 margin: 2.0em 0 1.1em;
 font-size: 3.2rem;
 line-height: 1.8;
}

.policy_text p {
 margin-bottom: 1.5em;
 font-size: 1.6rem;
 line-height: 2.0;
}

.policy_img {
 box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.policy_img.policy_img-1 {
 width: 55%;
 margin: 0 4.2% 0 auto;
}

.policy_img.policy_img-2 {
 width: 34%;
 margin: 5.5% 11% 0 auto;
}

.policy_img.policy_img-3 {
 width: 43%;
 margin: -10% auto 0 5%;
}

.policy_img.policy_img-4 {
 width: 43%;
 margin: -4% 5% 0 auto;
}

@media only screen and (max-width:640px) {
 .policyWrap {
  padding: 9.0% 0 10.7%;
 }

 .policy_text {
  top: 240px;
  left: 6%;
 }

 .policy_text h2 {
  font-size: 3.6rem;
 }

 .policy_text span {
  font-size: 1.4rem;
 }

 .policy_text h3 {
  font-size: 2.0rem;
 }

 .policy_text p {
  font-size: 1.4rem;
 }

 .policy_img.policy_img-1 {
  width: 70%;
  margin: 0 10% 0 auto;
 }

 .policy_img.policy_img-2 {
  width: 58%;
  margin: 85% -6% 0 auto;
 }

 .policy_img.policy_img-3 {
  width: 55%;
  margin: 10% auto 0 4%;
 }

 .policy_img.policy_img-4 {
  width: 55%;
  margin: 10% 10% 0 auto;
 }
}



/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.professionWrap {
 padding: 175px 0 145px;
 background-color: #e5dccb;
}

.profession_inner {
 position: relative;
 width: 86%;
 max-width: 1180px;
 margin: auto;
 padding: 120px 4% 95px;
 background-color: #fff;
}

.profession_inner > * {
 position: relative;
 z-index: 1;
}

.profession_inner::before,
.profession_inner::after {
 content: "";
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
}

.profession_inner::before {
 top: -40px;
 right: -40px;
 background-color: #e8713c;
}

.profession_inner::after {
 top: 0px;
 right: 0px;
 background: #fff;
}

.professionWrap h2 {
 text-align: center;
 font-size: 2rem;
 line-height: 1.6;
 color: #e04729;
}

.professionWrap h2 .ff-en {
 font-size: 5.6rem;
 letter-spacing: 0.08em;
}

.professionWrap h2::after {
 content: "";
 display: block;
 margin: 1.15em auto 3.8em;
 width: 1px;
 height: 4em;
 background-color: #e8713c;
}

@media only screen and (max-width:640px) {
 .professionWrap {
  padding: 120px 0 120px;
 }

 .profession_inner {
  padding: 50px 4% 20px;
 }

 .profession_inner::before {
  top: -20px;
  right: -20px;
 }

 .professionWrap h2 {
  font-size: 1.8rem;
  line-height: 1.4;
 }

 .professionWrap h2 .ff-en {
  font-size: 4.8rem;
 }

 .professionWrap h2::after {
  margin: 1.15em auto 2em;
  height: 3em;
 }
}






.profession_list {
 justify-content: center;
}

.profession_item {
 position: relative;
 width: 38%;
 max-width: 342px;
 margin: 0 30px 55px;
}

.profession_item h3 {
 position: absolute;
 top: -0.4em;
 margin-top: 1em;
 writing-mode: vertical-rl;
 white-space: nowrap;
 font-size: 2.4rem;
 color: #e04729;
 z-index: 1;
}

.profession_item:nth-of-type(odd) h3 {
 left: -2.9em;
}

.profession_item:nth-of-type(even) h3 {
 right: -2.9em;
}

.profession_item span {
 display: inline-block;
 margin: -1.5em 1em 0;
 padding: 1.0em 0.2em;
 height: 8.5em;
 font-size: 1.6rem;
 color: #fff;
 background-color: #e8713c;
}

.profession_item p {
 margin: 1.6em 0 0;
 text-align: center;
 white-space: nowrap;
}


@media only screen and (max-width:640px) {
 .profession_list {}

 .profession_item {
  width: 65%;
  max-width: none;
 }

 .profession_item h3 {
  font-size: 2.2rem;
  line-height: 1.2;
 }

 .profession_item:nth-of-type(odd) {
  margin: 0 8% 50px auto;
 }

 .profession_item:nth-of-type(even) {
  margin: 0 auto 50px 8%;
 }

 .profession_item:nth-of-type(1) h3 {
  left: -2.6em;
 }

 .profession_item:nth-of-type(2) h3 {
  right: -3.8em;
 }

 .profession_item:nth-of-type(3) h3 {
  left: -3.8em;
 }

 .profession_item span {
  font-size: 1.4rem;
 }

 .profession_item p {
  margin: 1.6em 0 0;
  text-align: justify;
  white-space: normal;
 }
}


/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.messageWrap {
 position: relative;
 padding: 120px 0 170px;
 background-color: #e0d5ba;
}

.messageWrap::before {
 content: "";
 position: absolute;
 top: 0;
 left: calc(50% - 18vw);
 display: block;
 width: 36vw;
 height: 100%;
 background-color: #ede7db;
}

.messageWrap h2 {
 position: relative;
 margin-bottom: -45px;
 text-align: center;
}

.messageWrap h2 img {
 max-width: 1200px;
 margin: 0 0 -6.5%;
}

.messageWrap h2 span {
 font-size: 1.8rem;
}

.messageWrap h2 em {
 padding-left: 0.4em;
 font-size: 5.8rem;
 line-height: 1.7;
 letter-spacing: 0.1em;
 color: #e04729;
}

@media only screen and (max-width:640px) {
 .messageWrap {
  padding: 80px 0 120px;
 }

 .messageWrap::before {
  left: calc(50% - 20vw);
  width: 40vw;
 }

 .messageWrap h2 img {
  max-width: 1200px;
  margin: 0 0 -4%;
 }

 .messageWrap h2 em {
  font-size: 3.2rem;
 }
}




.message_item {
 position: relative;
 width: 90%;
 max-width: 1200px;
}

.message_item::before {
 content: "";
 position: absolute;
 top: -190px;
 display: block;
 width: 300px;
 height: 300px;
 background-size: cover;
}

.message_img {
 position: relative;
 width: 56.5%;
}

.message_img::before {
 content: "";
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: -40px;
 background-color: #e8713c;
}

.message_img img {
 position: relative;
 z-index: 1;
}

.message_text {
 position: relative;
 width: calc(100% - 56.5%);
 margin-top: -20px;
 z-index: 2;
}

.message_text h3 {
 font-size: 3.8rem;
 line-height: 1.3;
}

.message_text_profile {
 margin: 2.4em 0 2.8em;
 font-size: 1.8rem;
}

.message_text_profile span {
 font-size: 1.6rem;
}

.message_text_comment {
 background-color: rgba(224, 213, 186, 0.69);
}

.message_text span {}


.message_item:nth-of-type(odd) {
 margin: 278px 110px 0px auto;
}

.message_item:nth-of-type(odd)::before {
 left: -70px;
}

.message_item:nth-of-type(odd) .message_text {
 padding: 0px 4% 0 5%;
 order: 1;
}

.message_item:nth-of-type(odd) .message_img {
 order: 2;
}

.message_item:nth-of-type(even) {
 margin: 278px auto 0px 110px
}

.message_item:nth-of-type(even)::before {
 right: -70px;
}

.message_item:nth-of-type(even) .message_text {
 padding: 0px 5% 0 4%;
 order: 2;
}

.message_item:nth-of-type(even) .message_img {
 order: 1;
}

.message_item:nth-of-type(odd) .message_img::before {
 right: -40px;
}

.message_item:nth-of-type(even) .message_img::before {
 left: -40px;
}

.message_item:nth-of-type(1)::before {
 background-image: url(../_image/recruit/message-01.png);
}

.message_item:nth-of-type(2)::before {
 background-image: url(../_image/recruit/message-02.png);
}

.message_item:nth-of-type(3)::before {
 background-image: url(../_image/recruit/message-03.png);
}

.message_item:nth-of-type(4)::before {
 background-image: url(../_image/recruit/message-04.png);
}

.message_item:nth-of-type(5)::before {
 background-image: url(../_image/recruit/message-05.png);
}


@media only screen and (max-width:640px) {
 .message_item {
  width: 80%;
 }

 .message_item::before {
  top: -140px;
  width: 200px;
  height: 200px;
 }

 .message_img {
  position: relative;
  width: calc(90%);
  margin: auto;
 }

 .message_img::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: -20px;
  background-color: #e8713c;
 }

 .message_text {
  width: calc(100%);
  margin-top: 40px;
  z-index: 2;
 }

 .message_text h3 {
  font-size: 2.4rem;
  line-height: 1.3;
 }

 .message_text_profile {
  margin: 1em 0 0.8em;
  font-size: 1.6rem;
 }

 .message_text_profile span {
  font-size: 1.4rem;
 }

 .message_item:nth-of-type(odd) {
  margin: 180px 10% 0px auto;
 }

 .message_item:nth-of-type(odd)::before {
  left: -30px;
  z-index: 2;
 }

 .message_item:nth-of-type(odd) .message_text {
  padding: 0px 4%;
  order: 2;
 }

 .message_item:nth-of-type(odd) .message_img {
  order: 1;
 }

 .message_item:nth-of-type(even) {
  margin: 180px auto 0px 10%;
 }

 .message_item:nth-of-type(even)::before {
  right: -30px;
 }

 .message_item:nth-of-type(even) .message_text {
  padding: 0px 4%;
 }

 .message_item:nth-of-type(even) .message_img {}

 .message_item:nth-of-type(odd) .message_img::before {
  right: -20px;
 }

 .message_item:nth-of-type(even) .message_img::before {
  left: -20px;
 }
}



/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.youkouWrap {
 padding: 190px 3% 280px;
 background-color: #f4f0e9;
}

.youkouWrap h2 {
 margin-bottom: 3.4em;
 padding: 2.1em;
 text-align: center;
 font-size: 3rem;
 background-color: #e07f4c;
}

.youkou_item {
 width: 90%;
 max-width: 1080px;
 margin: auto;
}

.youkou_item .ac-open {
 position: relative;
 margin: 4px 0;
 color: #fff;
 background-color: #e07f4c;
}

.youkou_item .ac-open h3 {
 font-size: 2.2rem;
 padding: 1.6em;
}

.youkou_item .ac-open::after {
 content: "OPEN";
 display: block;
 position: absolute;
 top: calc(50% - 0.5em);
 right: 5%;
 font-size: 1.2rem;
 font-family: "EB Garamond", serif;
 font-optical-sizing: auto;
 font-weight: <weight>;
 font-style: normal;
}

.youkou_item .ac-open.active::after {
 content: "CLOSE";
}

.ac-article {
 display: none;
 padding: 20px 1% 20px;
}

.ac-article .tbl-a {
 width: 100%;
 background-color: #fff;
}

.ac-article .tbl-a:not(:nth-of-type(1)) {
 margin-top: 40px;
}

.ac-article .tbl-a th,
.ac-article .tbl-a td {
 padding: 1.3em 1em;
}


@media only screen and (max-width:640px) {
 .youkouWrap {
  padding: 120px 3% 280px;
 }

 .youkouWrap h2 {
  margin-bottom: 2em;
  padding: 1em;
  font-size: 2.2rem;
 }

 .youkou_item .ac-open h3 {
  font-size: 1.8rem;
  padding: 1em;
 }

}



/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.pagetop {
 position: relative;
 width: 120px;
 height: 120px;
 margin: -90px auto -40px;
 text-align: center;
}

.pagetop::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;
 transform: rotate(45deg);
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.pagetop a {
 line-height: 120px;
 position: relative;
}


@media only screen and (max-width:640px) {
 .pagetop {
  width: 140px;
  height: 140px;
 }

 .pagetop a {
  line-height: 140px;
 }
}


/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
#footer-recruit {
 padding: 80px 0 220px;
 background-color: #fff;
 background-image: url(../_image/recruit/footerBg.jpg);
 background-repeat: no-repeat;
 background-position: top 260px center;
 background-size: auto calc(100% - 260px);
}

.footer_btn {
 display: block;
 width: 90%;
 max-width: 1280px;
 margin: 40px auto 60px;
 text-align: center;
 color: #fff;
}

.footer_entryBtn {
 padding: 2.3em 0 1.8em;
 font-size: 1.6rem;
 line-height: 1.35;
 background-color: var(--color-blue);
}

.footer_entryBtn .ff-en {
 font-size: 6.4rem;
 letter-spacing: 0.1em;
}

.footer_entryBtn .ff-en::after {
 content: "";
 display: block;
 width: 1.58em;
 height: 1px;
 margin: 0 auto -0.6em;
 background-color: #fff;
}

.footer_contactBtn {
 padding: 1.2em 0;
 font-size: 1.4rem;
 line-height: 1.2;
 background-color: #d67b4b;
}

.footer_contactBtn .ff-en {
 letter-spacing: 0.1em;
 font-size: 4rem;
}

.footer_info {
 text-align: center;
}

.footer_info figure {
 width: 200px;
 margin: 180px auto 20px;
}

.footer_info p {
 text-align: center;
 color: #fff;
}

.footer_copy {
 width: 100%;
 margin: 50px auto 0;
 text-align: center;
 color: #fff;
}


@media only screen and (max-width:640px) {
 #footer-recruit {
  padding: 80px 0 100px;
 }

 .footer_btn {
  margin: 50px auto;
 }

 .footer_entryBtn {
  padding: 1.2em 0 1.0em;
  font-size: 1.4rem;
 }

 .footer_entryBtn .ff-en {
  font-size: 4.2rem;
 }

 .footer_entryBtn .ff-en::after {
  margin: 0 auto -0.4em;
 }

 .footer_contactBtn {
  padding: 1.2em 0;
  font-size: 1.2rem;
 }

 .footer_contactBtn .ff-en {
  font-size: 3.0rem;
 }

 .footer_info figure {
  width: 240px;
  margin: 100px auto 20px;
 }

 .footer_copy {
  font-size: 1.2rem;
 }
}


/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.entryBtn {
 position: fixed;
 top: 0;
 right: 0;
 background-color: var(--color-blue);
 z-index: 9999;
}

.entryBtn a {
 display: block;
 width: 170px;
 height: 170px;
 text-align: center;
 font-size: 1.6rem;
 color: #fff;
}

.entryBtn a .ff-en {
 display: inline-block;
 margin: 1.4em 0 0.3em;
 font-size: 2.6rem;
 letter-spacing: 0.1em;
 line-height: 1.8;
 border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.entryBtn a small {
 font-size: 1.3rem;
}

@media only screen and (max-width:640px) {
.entryBtn a {
 font-size: 1.2rem;
 line-height: 1.2;
}
 .entryBtn a .ff-en {
  margin: 0.8em 0 0.3em;
  font-size: 2.4rem;
 }

 .entryBtn a small {
  font-size: 1.0rem;
 }
}


/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */
.officialSiteBtn {
 position: fixed;
 top: 220px;
 right: 20px;
 z-index: 9999;
}

.officialSiteBtn a {
 display: block;
 padding: 1.5em 0.5em;
 font-size: 1.3rem;
 writing-mode: vertical-rl;
 background-color: #d5c6aa;
}


@media only screen and (max-width:640px) {}


/* --------------------------------------------

スタイルスタイルスタイルスタイル

---------------------------------------------- */



@media only screen and (max-width:640px) {}