/*
Theme Name: saiki-roumu.com
Version: 1.0.0
Template: xwrite
*/

/* ========== Default Settings ========== */
html{font-size:100%;}
:root{font-size: clamp(0.4rem, 0.9vw, 1rem);}
body,button,input,textarea{font-family:'Noto Sans JP',sans-serif;margin:0;padding:0;}
.en{font-family:'EB Garamond',serif;}
a{text-decoration:none;color:inherit;}
a:hover{opacity:0.7;}
img{max-width:100%;height:auto;display:block;}
.pc-only{display:inline;}
.sp-only{display:none;}
ul, ol {list-style: none;}

/* ========== Header ========== */
.site-header{width:100%;background:transparent;position:absolute;}
.header-inner{max-width:100rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;z-index:201;position: relative;}
.site-logo img{width:26.375rem;}
.header-right{display:flex;gap:2rem;align-items:center;}
.primary-nav ul{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0;}
.primary-nav a{font-size:1.25rem;font-weight:500;color:#fff;}
.contact-menu{display:flex;gap:1rem;align-items:center;}
.tel-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;border:1px solid #fff;border-radius:.25rem;width: 13.125rem;line-height: 1;height: 5rem;gap: .25rem;}
.tel-number{font-size:1.375rem;font-weight:700;color:#fff;}
.tel-time{font-size:1rem;font-weight:400;color:#fff;line-height:1.2;}
.contact-btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#D00000;border-radius:.25rem;width: 13.125rem;height: 5rem;}
.contact-text{font-size:1.25rem;font-weight:500;color:#fff;text-align:center;line-height:1.3;}

/* ========== Main Visual ========== */
.mainvisual{position:relative;width:100%;background:url('../xwrite-child/images/mainvisual.jpg') center/cover no-repeat;padding: 11.25rem 0 5rem;z-index: 1;}
.mainvisual-inner{max-width:100rem;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:10;gap:4rem;padding:0;}
.mainvisual-left{padding-top: 4rem;}
.mv-title{font-size:6.25rem;font-weight:900;color:#fff;line-height: 1.4;margin:0;}
.mv-subtitle{font-size:2.375rem;font-weight:500;color:#fff;line-height:1.6;margin:5rem 0 0;}
.mainvisual-right{display:flex;flex-direction:column;gap:2rem;}
.mv-box{display:block;background:#333841;border-radius:.25rem;width: 23.75rem;overflow:hidden;}
.mv-box-img{width:100%;height:auto;border-radius:.25rem .25rem 0 0;}
.mv-box-meta{display:flex;align-items:center;gap:.5rem;padding:1rem 1rem .5rem;line-height: 1;}
.mv-box-meta i{font-size:1.375rem;color:#fff;padding-top: .25rem;}
.box-meta-title{font-size:1.375rem;font-weight:500;color:#fff;}
.mv-box-desc{font-size:1.125rem;font-weight:300;color:#fff;line-height:1.6;padding: 0 0 1.25rem 1rem;margin: 0;}

/* ========== Service Section ========== */
.service-section{position:relative;width:100%;background:url('../xwrite-child/images/top_contents-bg.jpg') center top/cover no-repeat;margin-top:-5rem;padding: 8rem 0 12.5rem;}
.service-inner{max-width:100rem;margin:0 auto;padding: 0;}
.service-head{text-align:center;margin-bottom:5rem;}
.service-head .en{font-size:9.375rem;font-weight:400;color:#fff;line-height:1;margin:0;}
.service-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:5rem;}
.service-box{border-radius:.25rem;overflow:hidden;}
.service-img{width:100%;height:auto;display:block;}
.service-title{font-size:2.875rem;font-weight:700;color:#fff;margin:2rem 0 1.25rem;line-height: 1;}
.service-desc{font-size:1.25rem;font-weight:400;color:#fff;line-height:2;margin:0;}
.service-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #fff;border-radius:.25rem;padding:1.25rem 2rem;font-size:1.375rem;color:#fff;text-align:left;width: 15rem;margin-top: 1.875rem;}
.service-btn i{font-size:1.375rem;color:#fff;}

/* ========== Blog Section ========== */
.blog-section{background:#fff;padding:9.375rem 0;}
.blog-inner{max-width:100rem;margin:0 auto;display:flex;gap:5rem;align-items:flex-start;padding:0;}
.blog-head-box{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3rem;}
.blog-head-title{font-size:7.5rem;font-weight:400;color:#333841;line-height:1;margin:0;}
.blog-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #333841;border-radius:.25rem;width:15rem;height:4.375rem;padding:1.25rem 2rem;font-size:1.375rem;color:#333841;}
.blog-btn i{font-size:1.375rem;color:#333841;}
.blog-list-box{flex:3;display:flex;flex-direction:column;gap: 1.25rem;}
.blog-item{display:flex;justify-content:space-between;align-items:center;background:#eee;border-radius:.25rem;width:75rem;max-width:100%;height:7.5rem;padding:0 2rem;}
.blog-info{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;}
.blog-date{font-size:1.25rem;font-weight:400;color:#333841;}
.blog-cat{font-size:1.125rem;font-weight:400;color:#2F2CE4;border:1px solid #2F2CE4;border-radius:.25rem;padding:.25rem .75rem;}
.blog-title-text{font-size:1.25rem;font-weight:400;color:#333841;}
.blog-arrow i{font-size:1.375rem;color:#333841;}
.blog-head-box span{font-weight: 400;line-height: 1;padding-bottom: .25rem;}

/* ========== Footer ========== */
.site-footer{background:#333841;padding:9.375rem 0;color:#fff;}
.footer-inner{max-width:100rem;margin:0 auto;display:flex;gap:5rem;align-items:normal;justify-content: space-between;}
.footer-left{display:flex;flex-direction:column;gap:6.25rem;}
.footer-contact-title{font-size:7.5rem;font-weight:400;color:#fff;line-height:1;margin:0;}
.footer-contact-text{font-size:1.25rem;font-weight:400;color:#fff;line-height:2;margin: 2rem 0 5rem;}
.footer-contact-label{font-size:1.25rem;font-weight:400;color:#fff;margin:0 0 1rem;line-height: 1;}
.footer-tel{font-size:5rem;font-weight:400;color:#fff;display:block;margin:0 0 2rem;line-height: 1;}
.footer-contact-mail{width: fit-content;}
.footer-mail{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:400;color:#fff;width: 100%;justify-content: space-between;}
.footer-mail i{font-size:1.75rem;color:#fff;}
.footer-mail-text{padding-bottom: .25rem;}
.footer-mail-line{border: none;border-top:1px solid #fff;opacity: .5;margin: 0;}
.footer-copy{font-size:1.25rem;font-weight:400;color:#fff;margin:0;}
.footer-right{display:flex;flex-direction:column;gap:4rem;justify-content: space-between;}
.footer-nav{display:grid;grid-template-columns:repeat(2,auto);gap:1.5rem 6rem;}
.footer-nav a{font-size:1.25rem;font-weight:400;color:#fff;}
.footer-nav ul {padding: 0;display: flex;flex-flow: column;gap: 2.5rem;margin: 0;line-height: 1;}
.footer-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.5);border-radius:.25rem;width:33.75rem;height:12.6875rem;justify-content:center;text-align:center;}
.footer-card-logo{width:26.375rem;}
.footer-card-address{font-size:1.25rem;font-weight:400;color:#fff;margin:0;}
.footer-copy.pc-only{display: inline;}
.footer-copy.sp-only{display: none;}

/* ========== Hamburger & Mobile Menu ========== */
.hamburger{display:none;width:2rem;height:1rem;flex-direction:column;justify-content:space-between;border:0;background:none;cursor:pointer;z-index:201;padding:0;}
.hamburger span{display:block;width:100%;height:2px;background:#fff;transition:transform .3s,opacity .3s;}
.hamburger.active span:nth-child(1){transform:translateY(.4375rem) rotate(45deg);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:translateY(-.4375rem) rotate(-45deg);}

.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#333841;transform:translateY(-100%);transition:transform .3s ease;z-index:200;overflow-y:auto;padding: 14rem 2rem 6rem;}
.mobile-menu.open{transform:translateY(0);}
.mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2rem;line-height: 1;}
.mobile-menu a{font-size:1.5rem;font-weight:400;color:#fff;display:block;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.2);}
.mobile-menu li:last-child a{border-bottom:none;}
body.nav-open{overflow:hidden;}

/* ========== Subpage ========== */
.submv{width:100%;background-size:cover;background-position:center;padding:12rem 0;color:#fff;}
.submv-inner{max-width:100rem;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;padding:0;}
.submv-head nav{font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;}
.submv-head .breadcrumbs a {color: #FFF;font-weight: 400;}
.submv-head h1{font-size:9.375rem;font-weight:400;margin:0;line-height:1;}
.submv-head h2{font-size:2.875rem;font-weight:700;margin:1rem 0 0;}
.submv-img img{width:34.75rem;}
.servicepage{padding:9rem 0;background:#fff;}
.servicepage-inner{max-width:100rem;margin:0 auto;display:flex;gap:5rem;padding:0;justify-content: space-between;}
.servicepage-nav{width:23rem;flex:0 0 auto;position:sticky;top:8rem;align-self:flex-start;}
.servicepage-nav h2{font-size:2.875rem;font-weight:700;color:#333841;margin:0 0 1rem;}
.servicepage-nav hr{width:2.5rem;border:0;border-top:1px solid #939DAF;margin:0 0 2rem;}
.servicepage-nav ul{display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0;}
.servicepage-nav li{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;}
.servicepage-nav a{color:#333841;}
.servicepage-body{flex:1;max-width:68.75rem;display:flex;flex-direction:column;gap:5rem;}
.intro p{font-size:1.25rem;line-height:2;color:#333841;margin:0;font-weight: 400;}
.service-detail{display:flex;flex-direction:column;gap:2.5rem;}
.detail-head,.pricing-head{background:#F5F5F5;padding:1.5rem 2rem;}
.detail-head h3,.pricing-head h3{font-size:2.375rem;font-weight:700;color:#333841;margin:0;line-height: 1;}
.detail-flex{display:flex;gap:2.5rem;align-items:center;flex-wrap:wrap;}
.detail-img img{width:34.6875rem;max-width:100%;}
.detail-text{font-size:1.25rem;line-height:2;color:#333841;margin:0;flex:1;font-weight: 400;}
.detail-ex{border:1px solid #939DAF;border-radius:.25rem;padding:5rem;display:flex;flex-direction:column;gap: 3.75rem;width: 100%;}
.detail-ex h4{font-size:1.875rem;font-weight:700;margin:0;color:#333841;line-height: 1;}
.detail-ex h5{font-size:1.25rem;font-weight:400;margin: 1.875rem 0 2.5rem;color:#333841;line-height: 1;}
.detail-ex p{font-size: 1.25rem;line-height: 2;color: #333841;margin: 0;font-weight: 400;}
.detail-ex-second p{margin: 1.875rem 0 2.5rem;}
.detail-ex .detail-btn span{padding-bottom: .25rem;}
.detail-ex .detail-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #333841;border-radius:.25rem;width:15rem;height:4.375rem;padding:1.25rem 2rem;font-size:1.375rem;color:#333841;margin-top:2.5rem;}
.detail-btn i{font-size:1.375rem;color:#333841;}
#what-is-minimal-hr .headline-article p{margin-bottom:2rem;}
.youtube-wrap{display:flex;flex-direction:column;gap:2rem;}
.youtube-wrap iframe{width:100%;aspect-ratio:16/9;border:0;}
#labor-consultation .detail-ex{gap:0;}
#labor-consultation .detail-ex p{margin: 1.875rem 0 0;}
#what-is-minimal-hr .detail-img img,#service-provision-flow .detail-img img,#our-ideal-workplace .detail-img img,#necessity .detail-img img,#safe-place .detail-img img,#interview-topics .detail-img img {width: 100%;}
#what-is-minimal-hr .headline-article h4{font-size: 1.875rem;font-weight: 700;margin: 0 0 1.875rem;color: #333841;line-height: 1.5;}
#what-is-minimal-hr p{font-size: 1.25rem;line-height: 2;color: #333841;margin: 0;font-weight: 400;}
#what-is-minimal-hr .detail-ex-second p{margin: 1.875rem 0 2.5rem;}
#what-is-minimal-hr .service-detail{gap: 5rem;}
#service-provision-flow .detail-flow-head,#contract-process .detail-flow-head{display: flex;line-height: 1;align-items: center;gap: 1rem;}
#service-provision-flow .detail-flow-head h4,#our-ideal-workplace .detail-mission h4,#necessity .headline-article h4,#safe-place .headline-article h4,#contract-process h4{margin:0;font-size: 1.875rem;color: #333841;font-weight: 700;}
#service-provision-flow .detail-flow-step p,#our-ideal-workplace p,#necessity p,#safe-place p,#interview-topics p, .pricing-detail .pricing-description,#contract-process p{font-size: 1.25rem;line-height: 2;color: #333841;margin: 0;font-weight: 400;}
#service-provision-flow .detail-flow-step,#contract-process .detail-flow-step{display: flex;flex-flow: column;gap: 1.25rem;}
#service-provision-flow .detail-flow-number,#contract-process .detail-flow-number{background-color: #333841;color: #FFF;padding: .5rem .75rem;}
#service-provision-flow .detail-flow,#contract-process .detail-flow{display: flex;flex-flow: wrap;gap: 3.75rem;}
#our-ideal-workplace .detail-mission{display: flex;line-height: 1;align-items: center;gap: .5rem;}
#our-ideal-workplace .detail-mission i{font-size: 1.875rem;color: #333841;}
#our-ideal-workplace .headline-article{display: flex;flex-flow: wrap;gap: 1.25rem;}
#necessity .headline-text,#safe-place .headline-text{display: flex;flex-direction: column;gap: 2.5rem;}
#necessity .headline-article h4,#safe-place .headline-article h4{margin-bottom: 2.5rem;}
#interview-topics ul{font-size: 1.25rem;line-height: 1;color: #333841;margin: 0;font-weight: 400;padding: 0;display: flex;flex-flow: wrap;gap: 2rem 3rem;}
#interview-topics .detail-ex{gap: 2.5rem;}
#monthly-fees,#service-price{display: flex;flex-flow: column;gap: 5rem;}
#monthly-fees h2,#service-price h2,#basic-policy h2,#specified h2,#handling h2,#contract-process h2,#contact-form h2{margin: 0 0 1.875rem;background-color: #333841;color: #FFF;line-height: 1;padding: 1rem 0 1.25rem 1.5rem;}
.pricing-detail .pricing-description{margin: 1.875rem 0 2.5rem;}
.pricing-detail table{width: 100%;font-size: 1.375rem;font-weight: 400;border-collapse: separate;border-spacing: 2px 2px;}
.pricing-detail table thead{color: #FFF;background-color: #939DAF;}
.pricing-detail table thead th{padding: .75rem;font-weight: 400;line-height: 1;padding: 1rem 0 1.25rem;}
.pricing-detail table tbody td{background-color: #F5F5F5;padding: 1rem 0 1.25rem;text-align: center;line-height: 1;color: #333841;}
.pricing-description a{text-decoration: underline;text-decoration-thickness: 1px;}
.pricing-detail .price-note{text-align: right;margin: 1rem 0 0;color: #333841;font-weight: 400;font-size: 1.375rem;}
#monthly-fees > section.pricing-detail:nth-of-type(5) .pricing-description,#monthly-fees > section.pricing-detail:nth-of-type(7) .pricing-description,#monthly-fees > section.pricing-detail:nth-of-type(8) .pricing-description{margin: 1.875rem 0 0;}
.servicepage-pricing{gap: 9.375rem;}
#service-price table{width: 100%;table-layout: fixed;}
#service-price .pricing-detail{display: flex;flex-flow: column;gap: 3.75rem;}
#service-price table thead th,#service-price table tbody td{width: 25%;word-wrap: break-word;}
#service-price table tbody td{text-align: left;padding: 1rem 0 1.25rem 1rem;line-height: 1.4;}
#service-price .pricing-detail .price-note{margin: -2.75rem 0 0;}
#monthly-fees > section.pricing-detail:nth-of-type(5) .pricing-head h3,#monthly-fees > section.pricing-detail:nth-of-type(8) .pricing-head h3{line-height: 1.4;}
#basic-policy .intro,#specified .intro,#handling .intro{margin-bottom: 3.125rem;}
.policy-detail{margin-bottom: 3.125rem;}
#basic-policy > .policy-detail:last-child,#specified > .policy-detail:last-child{margin-bottom: 0;}
.policy-detail h3{font-size: 1.875rem;color: #333841;font-weight: 700;margin: 0 0 1.25rem;padding: 0;line-height:1;}
.policy-detail p{font-size: 1.25rem;line-height: 2;color: #333841;margin: 0;font-weight: 400;}
.policy-address{border: 1px solid #939DAF;border-radius: .25rem;padding: 3.125rem;display: flex;flex-direction: column;gap: 1.875rem;width: 100%;margin-top: 3.125rem;}
#handling > .policy-detail:nth-of-type(2) .policy-contact-information{display: flex;}
#handling > .policy-detail:nth-of-type(2) .policy-contact-information > p:first-child{width: 15.625rem;display: block;}
.policy-contact-information h4{font-size: 1.875rem;font-weight: 700;margin: 0 0 1.5625rem;color: #333841;line-height: 1;}
.policy-detail-head{font-size: 1.25rem;line-height: 2;color: #333841;margin: 3.125rem 0 0;font-weight: 400;}
.policy-bullet-points{font-size: 1.25rem;line-height: 2;color: #333841;margin: 0;font-weight: 400;list-style: disc;gap: 1rem;display: flex;flex-flow: wrap;}
#handling > .policy-detail:nth-of-type(3) > p:nth-of-type(2){margin-top:3.125rem;}
#handling > .policy-detail:nth-of-type(5) > p:nth-of-type(2),#handling > .policy-detail:nth-of-type(5) > p:nth-of-type(3),#handling > .policy-detail:nth-of-type(5) > p:nth-of-type(5){margin-top:3.125rem;}
#handling > .policy-detail:nth-of-type(5) > .policy-bullet-points{margin: 3.125rem 0;}
.companypage{padding: 9rem 0;background: #fff;display: flex;flex-flow: column;gap: 9.375rem;}
.companypage-inner{max-width: 100rem;margin: 0 auto;display: flex;gap: 5rem;padding: 0;justify-content: space-between;}
.office-exterior{max-width: 32.75rem;}
.office-exterior p{margin: .5rem 0 0;text-align: center;color: #333841;font-weight: 500;}
.about-our-office{width: 68.75rem;}
.about-our-office h3,.message h3{margin: 0 0 3.125rem;line-height: 1;font-size: 2.875rem;color: #333841;}
.company-profile__row{border-top: 1px solid #dcdcdc;display: flex;font-size: 1.25rem;font-weight: 400;padding: 3.125rem 0;flex-flow: wrap;}
.company-profile__label{width: 10rem;}
.access-columns ul{padding: 0;margin: 0;display: flex;flex-flow: column;gap: .5rem;}
.access-columns{display: flex;gap: 2rem;}
.company-profile__row iframe{margin-top: 2.5rem;}
.company-profile > .company-profile__row:last-child {border-bottom: 1px solid #dcdcdc;}
.message{width: 68.75rem;}
.message-box{display: flex;flex-flow: column;gap: 2rem;}
.message-box p,.policy-contact-information p{font-size: 1.25rem;line-height: 2;color: #333841;margin: 0;font-weight: 400;}
.policy-contact-information > p:nth-of-type(1) {margin-bottom:2rem;}
.company-profile__row iframe{width: 62.25rem !important;height: 41.875rem !important;}
.access-table table{border-collapse: separate;border-spacing: 2rem 0.5rem;margin-left: -2rem;margin-top: -.5rem;}

/* ========== Contact Form ========== */
.contact-form{display:flex;flex-direction:column;gap:3.125rem;}
.contact-form-box{width: 100%;}
.form-row{display:flex;flex-direction:column;gap:1rem;}
.form-row label{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:500;color:#333841;line-height:1;}
.required-dot{width:.375rem;height:.375rem;background:#CC3333;border-radius:50%;}
.required-text{font-size:1.125rem;color:#CC3333;font-weight:400;}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea{width:100%;border:1px solid #939DAF;border-radius:.25rem;padding: 1.875rem;font-size:1.5rem;font-weight:400;background:transparent;color:#333841;line-height:1.6;}
.contact-form textarea{height:18.75rem;}
.contact-form input::placeholder,
.contact-form textarea::placeholder{color:#AAAAAA;}
.form-row.has-error input,
.form-row.has-error textarea{border-color:#CC3333;}
.error-message{display:none;font-size:1.125rem;color:#CC3333;margin:0;}
.form-row.has-error .error-message{display:block;}
.contact-separator{border:none;border-top:1px solid #D9D9D9;width: 100%;margin: 0;}
.privacy-area{text-align:center;display:flex;flex-direction:column;gap:2rem;}
.privacy-area h4{font-size:1.75rem;font-weight:500;color:#333841;margin:0;}
.privacy-area p{font-size:1.25rem;color:#333841;font-weight:400;line-height: 2;margin:0;}
.privacy-area p a{text-decoration:underline;}
.privacy-check{display:flex;justify-content:center;flex-flow: column;margin: 0 auto;}
.privacy-check label{display:flex;align-items:center;gap:1rem;font-size:1.5rem;color:#333841;font-weight:400;}
.privacy-check input[type="checkbox"]{display:none;}
.custom-checkbox{width:3.125rem;height:3.125rem;background:#EEEEEE;border-radius:.25rem;display:flex;align-items:center;justify-content:center;}
.custom-checkbox i{display:none;font-size:1.5rem;color:#333841;}
input[type="checkbox"]:checked + .custom-checkbox i{display:block;}
.submit-area{text-align:center;}
.contact-submit{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;width:37.5rem;height:6.25rem;background:#333841;color:#FFF;border:none;border-radius:.25rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:opacity .3s;position: relative;}
.contact-submit i{font-size:1.5rem;right: 2rem;position: absolute;}
.contact-submit:hover{opacity:.8;}
.privacy-check .error-message{display:none;font-size:1.125rem;color:#CC3333;margin:0.5rem 0 0;}
.privacy-check.has-error .error-message{display:block;}
.privacy-check .privacy-text{font-weight: 500;}
.submv-contact .submv-head h2{font-size: 2.7rem;}

/* ========== Thanks Page ========== */
.thanks-section{padding:10rem 1.5rem;text-align:center;}
.thanks-inner{max-width:60rem;margin:0 auto;display:flex;flex-direction:column;gap:3rem;align-items:center;}
.thanks-inner h1{font-size:3rem;font-weight:700;color:#333841;margin:0;line-height:1;}
.thanks-inner p{font-size:1.5rem;color:#333841;font-weight:400;line-height:1.8;margin:0;}
.home-btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;width:20rem;height:6.25rem;background:#333841;color:#FFF;border-radius:.25rem;font-size:1.5rem;font-weight:600;transition:opacity .3s;}
.home-btn i{font-size:1.5rem;}
.home-btn:hover{opacity:.8;}

/* ========== Blog ========== */
.blog .site-header,.archive .site-header,.search .site-header,.single .site-header{background-image: url(https://saiki-roumu.bright-comms.net/wp-content/themes/xwrite-child/images/mainvisual_subpage.jpg);position: static;width: 100%;background-size: cover;background-position: center;}
.blog .breadcrumbs a,.archive .breadcrumbs a,.search .breadcrumbs a,.single .breadcrumbs a{color:#333841;font-weight:400;}
.blog .breadcrumbs > li,.archive .breadcrumbs > li,.search .breadcrumbs > li,.single .breadcrumbs > li{font-weight: 400;}
.blog .container,.archive .container,.search .container,.single .container{padding: 0;max-width: 100rem;margin: 0 auto;}
.blog .main,.archive .main,.search .main,.single .main{max-width: 68.75rem;}
.blog .side,.archive .side,.search .side,.single .side{margin: 0;width: 23rem;}
.contentsHeader__caption,.xw-article-media__body--title,.xw-article-media__body--text,.article-date{color: #333841;}
.xw-article-media__body--text{font-weight: 400;}
.article-date{opacity:0.7;}
.articleList__item .catList .list-label{padding: .25rem .4rem .4rem;}
.articleList.type-card .xw-article-media__body--title {margin: 1.5rem 0 0;}
.articleList.type-card{gap: 3.5rem 2.5rem;}
.article-date{font-weight: 400;}
.articleList .article-meta {margin-top: 1.2rem;}
.articleList.type-card .xw-article-media__body--text {margin-top: 1rem;}
.wp-block-search.wp-block-search__button-outside .wp-block-search__button{padding:1rem;line-height:1;}
.sidebar-left .contents > .container, .sidebar-right .contents > .container {display: flex;justify-content: space-between;}
#profile_widget-3{background-color: rgba(0, 0, 0, .03);padding: 3rem;border-radius: .25rem;}
.articleBody p{font-weight: 400;}
.profile__text{font-weight: 400;}
:where(.widget_profile_widget) .profile__avatar img{width: 7.25rem;height: 7.25rem;border: .25rem solid #fff;}
.blockTitle.left::after, .blockTitle:not(.center)::after, .main .wp-block-archives-dropdown > label::after, .main .wp-block-search__label::after, .main :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6).has-text-align-left::after, .main :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6):not([class])::after{width: .5rem;}
.blockTitle.left, .blockTitle:not(.center), .main .wp-block-archives-dropdown > label, .main .wp-block-search__label, .main :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6).has-text-align-left, .main :is(.widget, .widget_block) :is(h1, h2, h3, h4, h5, h6):not([class]) {padding: 0 0 0 1.25rem;}
.main .profileInfo {flex: 1;display: block;margin: 0 0 0 1.5625rem;}
:where(.widget_profile_widget) .profileInfo{padding: 1.25rem;}
.profile__sns .snsList .btn__sns{background-color: #fff;border-radius: 50%;}
.icon-youtube:before{color: #D00000;}

/* ========== Responsive ========== */
@media(max-width:800px){
	:root{font-size: clamp(0.4rem, 2.6vw, 2rem);}
	.pc-only{display:none;}
	.sp-only{display:inline;}
	.primary-nav,.contact-menu{display:none;}
	.hamburger{display:flex;position: absolute;right: 2rem;}
	.header-inner{padding: 1.5rem 1.5rem;}
	.mainvisual{padding: 13rem 1.5rem 5rem;background: url(../xwrite-child/images/mainvisual.jpg) calc(50% - -25rem) center / cover no-repeat;}
	.mainvisual-inner{flex-flow: wrap;gap: 3rem;}
	.mainvisual-left {padding-top: 0;}
	.mv-title{font-size: 5rem;line-height: 1.3;}
	.mv-subtitle{font-size: 2rem;margin: 1.75rem 0 0;line-height: 1.5;}
	.mainvisual-right{flex-direction: row;gap: 1rem;}
	.mv-box-desc{line-height: 1.4;padding: 0 .75rem 1rem .75rem;}
	.mainvisual::before {content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(to top,rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);z-index: 1;}
	.service-section{padding: 8rem 1.5rem 8rem;}
	.service-head .en{font-size: 7.5rem;}
	.service-head{margin-bottom: 3rem;}
	.service-boxes{display: flex;flex-flow: wrap;gap: 3.5rem;}
	.blog-head-title{font-size: 6.5rem;}
	.blog-inner{flex-flow: column;}
	.blog-section{padding: 8rem 1.5rem;}
	.blog-list-box{width: 100%;}
	.blog-info{gap: .5rem;}
	.blog-cat{padding: .4rem .5rem .5rem;line-height: 1;}
	.blog-item{gap: 2rem;padding: 0 1.5rem;height: 8rem;}
	.blog-inner{gap: 4rem;}
	.footer-inner{flex-flow: wrap;}
	.site-footer{padding: 8rem 1.5rem;}
	.footer-contact-title{font-size: 6.5rem;}
	.footer-copy.pc-only{display: none;}
	.footer-copy.sp-only{display: inline;text-align: center;}
	.footer-card{width: 100%;}
	.submv{padding: 13rem 1.5rem 10rem;}
	.submv-inner{flex-flow: wrap;}
	.submv-head nav{margin-bottom: 3rem;}
	.servicepage{padding: 6rem 1.5rem;}
	.servicepage-inner{flex-flow: column;}
	.servicepage-nav{width: 100%;position: static;}
	.servicepage-nav ul{flex-flow: wrap;}
	.service-detail{gap: 1.5rem;}
	.detail-flex{gap: 1rem;}
	.detail-ex{padding: 3rem;}
	.detail-ex h4{line-height: 1.4;}
	#what-is-minimal-hr{gap: 2rem;}
	#what-is-minimal-hr .detail-flex{gap: 1.5rem;}
	#what-is-minimal-hr .headline-article h4{margin: 0 0 1.5rem;}
	#service-provision-flow .detail-head h3{line-height: 1.4;}
	#service-provision-flow .detail-flex{gap: 2rem;}
	#our-ideal-workplace .detail-mission h4{line-height: 1.4;}
	#our-ideal-workplace .detail-mission{gap: 1rem;}
	.footer-tel{font-size: 4.6rem;}
	.footer-nav{gap: 1.5rem 4rem;justify-content: space-between;}
	#necessity .detail-head h3, #safe-place .detail-head h3 {line-height: 1.4;}
	#necessity .detail-flex,#safe-place .detail-flex {gap: 2rem;}
	#service-price table tbody td{padding: 1rem 1rem 1.25rem 1rem;}
	#service-price table thead th{line-height: 1.4;}
	#basic-policy h2,#specified h2{line-height: 1.4;}
	#handling > .policy-detail:nth-of-type(2) .policy-contact-information{flex-flow: column;}
	#handling > .policy-detail:nth-of-type(5) h3{line-height: 1.4;}
	.contact-submit{width: 100%;}
	.thanks-inner h1{line-height: 1.5;}
	.blog .contents,.archive .contents,.search .contents,.single .contents{padding: 4rem 1.5rem;}
	.blog .container,.archive .container,.search .container,.single .container{flex-flow: column;gap: 5rem;}
	.articleList.type-card{flex-flow: column;display: flex;}
	.blog .side,.archive .side,.search .side,.single .side{width: 100%;}
	.main .profileInfo{padding: 1.25rem 0;margin: 0;}
	.companypage{padding: 6rem 1.5rem;}
	.companypage-inner{flex-flow: column;width: 100%;}
	.office-exterior {max-width: 100%;}
	.about-our-office {width: 100%;}
	.company-profile__label{font-weight: 600;}
	.company-profile__row{flex-flow: column;padding: 2rem 0;gap: .5rem;}
	.company-profile__content .access-table table tbody tr > td:first-child{width: 7rem;}
	.company-profile__row iframe {width: 100% !important;height: 28rem !important;}
	.message {width: 100%;}
	.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{font-size:1.75rem;}
	.form-row label{font-size: 1.75rem;}
	#basic-policy .policy-contact-information > p:nth-of-type(1),#specified .policy-contact-information > p:nth-of-type(1),#handling .policy-contact-information > p:nth-of-type(1){margin-bottom: 0;}
	.privacy-area p{text-align:left;}
}