﻿.image-container{overflow:hidden}a img:not(.header-title,.icon-image){transition:opacity 450ms,transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1);object-fit:contain}@media screen and (max-width: 540px){a img:not(.header-title,.icon-image){transition:none}}a:hover img:not(.header-title,.icon-image,.no-hover){transform:scale(1.1)}@media screen and (max-width: 540px){a:hover img:not(.header-title,.icon-image,.no-hover){transform:none}}.page-top-title-container{display:flex;flex-direction:column;row-gap:4px;margin-bottom:56px;margin-top:56px}@media screen and (max-width: 1024px){.page-top-title-container{margin-top:32px;margin-bottom:24px}}.page-top-title-container.with-description{margin-bottom:40px}@media screen and (max-width: 1024px){.page-top-title-container.with-description{margin-bottom:24px}}.page-top-title-container .sub{color:#36383a;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.page-top-title-container .sub{font-size:14px}}.page-top-title-container .title{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 540px){.page-top-title-container .title{flex-direction:column;align-content:center;align-items:center}}.page-top-description{width:100%;max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:56px;color:#36383a;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.page-top-description{font-size:14px}}@media screen and (max-width: 1024px){.page-top-description{margin-bottom:32px;width:100%}}h1.title,h1 .title{color:#36383a;text-align:center;font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h1.title,h1 .title{font-size:30px}}h1 .sub{color:#36383a;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){h1 .sub{font-size:14px}}.title.sub{color:#36383a;text-align:center;font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.title.sub{font-size:14px}}h2.title,h2 .title{color:#6f6e6c;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.72px}@media screen and (max-width: 540px){h2.title,h2 .title{font-size:20px;letter-spacing:.6px}}h2.title.gray1,h2 .title.gray1{color:#36383a}h2.title.no-padding-top,h2 .title.no-padding-top{padding-top:0 !important}h2 .sub{color:#6f6e6c;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:.42px}h2 .sub.gray1{color:#36383a}h2 .sub.above{margin-bottom:10px}@media screen and (max-width: 540px){h2 .sub.above{margin-bottom:5px}}h2 .sub.under{margin-top:10px}@media screen and (max-width: 540px){h2 .sub.under{margin-bottom:5px}}h1.page-title,h1 .page-title{color:#36383a;font-size:32px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h1.page-title,h1 .page-title{font-size:30px}}.section-title-container{display:flex;flex-direction:column;align-items:center;row-gap:4px}.section-title-container .section-title-sub{color:#36383a;text-align:center;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.section-title-container .section-title-sub{font-size:14px}}.section-header{display:flex;flex-direction:column;align-items:center;row-gap:24px}h2.section-title,h2 .section-title{color:#36383a;text-align:center;font-size:28px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h2.section-title,h2 .section-title{font-size:24px}}.section-description{color:#36383a;text-align:center;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.section-description{font-size:14px}}h3.section-title{color:#36383a;text-align:center;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){h3.section-title{font-size:20px}}.architect-recruit{width:84vw;max-width:1210px;margin:0 auto}@media screen and (max-width: 841px){.architect-recruit{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 540px){.architect-recruit{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.architect-recruit .page-top-description.-wide{width:84vw;max-width:1210px}@media screen and (max-width: 1024px){.architect-recruit .page-top-description.-pc{display:none}}.architect-recruit .page-top-description.-sp{margin-bottom:32px}@media screen and (min-width: 1025px){.architect-recruit .architect-recruit-top{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;margin-bottom:40px;background-color:#fff}}@media screen and (min-width: 744px)and (max-width: 1024px){.architect-recruit .architect-recruit-top{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;margin-bottom:40px;background-color:#fff}}@media screen and (max-width: 743px){.architect-recruit .architect-recruit-top.-pc{display:none}}@media screen and (min-width: 1025px){.architect-recruit .architect-recruit-top.-sp{display:none}}@media screen and (min-width: 744px)and (max-width: 1024px){.architect-recruit .architect-recruit-top.-sp{display:none}}@media screen and (max-width: 743px){.architect-recruit .architect-recruit-image{margin-bottom:24px;max-width:100vw;margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw)}}.architect-recruit .architect-recruit-image img{width:100%;height:auto;margin:0 auto;display:block}@media screen and (max-width: 743px){.architect-recruit .architect-recruit-image img{max-width:500px}}.architect-recruit .architect-recruit-info-container .architect-recruit-info{padding:24px 0;border-bottom:1px solid #a6a7a5;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-info-container .architect-recruit-info{font-size:14px}}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-info-container .architect-recruit-info{padding:16px 0}}.architect-recruit .architect-recruit-info-container .architect-recruit-info .architect-recruit-info-title{font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-info-container .architect-recruit-info .architect-recruit-info-title{font-size:14px}}.architect-recruit .architect-recruit-info-container .architect-recruit-info .architect-recruit-info-subtitle{margin-top:1.5em}.architect-recruit .architect-recruit-info-container .architect-recruit-info ul li{list-style-type:none;padding-left:1.2em;text-indent:-1.2em}.architect-recruit .architect-recruit-info-container .architect-recruit-info ul li:before{content:"・"}.architect-recruit .architect-recruit-info-container .architect-recruit-info ul li.point::before{content:"◎"}.architect-recruit .architect-info-section{padding:40px 0 128px;display:flex;flex-direction:column;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-info-section{font-size:14px}}@media screen and (max-width: 1024px){.architect-recruit .architect-info-section{padding:40px 0}}.architect-recruit .architect-info-section .button-text-link{align-self:flex-end;width:fit-content}.architect-recruit .architect-recruit-form-section{margin-bottom:96px}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-form-section{margin-bottom:36px}}.architect-recruit .architect-recruit-form-section .architect-recruit-form-title{margin:40px auto 32px;text-align:center;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-form-section .architect-recruit-form-title{font-size:20px}}.architect-recruit .architect-recruit-form-section .architect-recruit-form-message{margin:24px auto 32px;text-align:center;font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-form-section .architect-recruit-form-message{font-size:14px}}.architect-recruit .architect-recruit-form-section .contact-email-section{display:flex;flex-direction:column;align-items:center;gap:24px;margin:32px auto}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display{width:100%;max-width:600px;margin:0 auto;animation:fadeIn .4s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content{background-color:#f2f2ec;border:2px solid #a6a7a5;border-radius:12px;padding:24px;text-align:center}@media screen and (max-width: 743px){.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content{padding:20px 16px}}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .email-label{font-size:16px;font-weight:500;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .email-label{font-size:14px}}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .email-address{font-size:18px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .email-address{font-size:16px}}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .email-address{color:#238ab6;margin:12px 0 8px;word-break:break-all}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .email-note{font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.03em;color:#6f6e6c;margin:0 0 20px}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .copy-email-btn.copied{background-color:#238ab6;color:#fff;border-color:#238ab6}.architect-recruit .architect-recruit-form-section .contact-email-section .email-display .email-content .copy-email-btn.copied:hover{background-color:#238ab6;color:#fff;border-color:#238ab6}.architect-recruit-area{background-color:#f2f2ec}.architect-recruit-area .architect-recruit-announce{padding:32px 0;display:flex;flex-direction:column;align-items:center;row-gap:16px;width:100%;max-width:900px;margin:0 auto}@media screen and (max-width: 1024px){.architect-recruit-area .architect-recruit-announce{padding:24px 0;width:calc(100% - 48px);margin-left:24px;margin-right:24px}}@media screen and (max-width: 743px){.architect-recruit-area .architect-recruit-announce{width:calc(100% - 48px);margin-left:24px;margin-right:24px}}.architect-recruit-area .architect-recruit-announce .architect-recruit-announce-title{font-size:28px;font-weight:500;line-height:1.5;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit-area .architect-recruit-announce .architect-recruit-announce-title{font-size:24px}}@media screen and (max-width: 1024px){.architect-recruit-area .architect-recruit-announce .architect-recruit-announce-title{display:flex;flex-direction:column;align-items:center}}.architect-recruit-area .architect-recruit-announce .architect-recruit-announce-description{font-size:16px;font-weight:400;line-height:2;letter-spacing:.03em}@media screen and (max-width: 1024px){.architect-recruit-area .architect-recruit-announce .architect-recruit-announce-description{font-size:14px}}
