/*
Template:ystandard
Theme Name:humanbp
Theme URI: https://humanbp.com
Author: Shilosai
Author URI: https://shilosai.com
Description: humanbp カスタマイズ 子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

/*********　common　*********/
html, body{
overflow-x: hidden;
}

body{
font-family: "Noto Serif JP" , serif;
font-weight: 500;
background-color:#fdfdfd !important;
}
.mincho{
font-family: "Noto Serif JP" , serif;
}
.entry-content{
background-color:#fdfdfd;
}
.archive__item{
background-color:#fdfdfd;
}
.container {
width: 1100px;
max-width: 90%;
margin: 0 auto;
}
@media (max-width: 767px) {
.container {
width: 100%;
margin: 0 auto;
padding:0;
}	
}
.site-description{
	display:none;
}

.global-nav__menu > .menu-item > a::after{
background:none;
}
#global-nav__menu
{ font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;
}
#global-nav__menu a{
font-weight:bold;
color:#243444;
}

.global-nav__toggle .ys-icon{
width:45px;
height:37px;
}
.global-nav__toggle .ys-icon, .global-nav__toggle svg {
width: 42px;
height: 40px
}


@media (max-width: 767px) {
.global-nav{
background-color: #f3f4f6;
}
.global-nav__search .search-field {
background-color: #fff;
}
.global-nav__search .search-form{
color: #000;
}
.global-nav__container a{
color: #101820;	
}
.global-nav__toggle.is-open {
color: #101820;			
}
.site-header button {
color: #827541;}
}


/*　レスポンシブ　*/
.pc {
display: block;}
.sp {
display: none;}

@media (max-width: 767px) {
.pc {display: none;}
.sp {display: block;}
}

/* 改行 */
.sp_br {
display: none;}

.pc_br {
display: block;}

@media (max-width: 767px) {
.sp_br {
display: block;}
.pc_br {
display: none;}
}

/* PC表示／SP隠 */
.sp-hide {
display: inline;
}
@media screen and (max-width: 767px) {
.sp-hide {
display: none;
}
}

/*　文字中央　*/
.al-center{
text-align:center;}

/**　見出し　共通　**/
/*　h2　*/
.title-block {
padding-top: 60px;
text-align: center;
margin-bottom: 50px;}

h2 {
margin: 1rem auto 4rem auto;
padding-bottom:0.8rem;
width: 70%;
font-size: 1.8em;
border-bottom: 3px solid #C8A97E!important;
}

.title-block .title-block__heading {
margin: 1rem auto 4rem auto;
padding-bottom: 0.8rem;
font-size: 36px;}

h3 {
font-size:1.5rem;}

@media (max-width: 767px) {
.title-block > h2.title-block__heading {
font-size: 1.75em;}
}

/**　パンくず　**/
.post-taxonomy .post-taxonomy__title,.post-taxonomy__items .post-taxonomy__items,.post-taxonomy__items ul{
font-size:0.8rem;}

.page .breadcrumbs{
display:none;
}

/**　固定ページ　**/
/*タイトル隠す*/
.page .singular-header__title{
display: none;
}
.page-id-290 .site-content {
margin-top: -45px;
}

@media (max-width: 767px) {
.page-id-290 .site-content {
margin-top: -17px;
background:none;
}
}
.eyecatch img {
height: 350px;
object-fit: cover;
width: 100%;
}

/**　ボタンアニメーション　**/
.btn-hov{
margin: 0 auto;
}
.btn-hov a{
display: block;
transition: all .3s ease-in-out;
transform: translateY(0);
box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.btn-hov img{
width: 100%;
vertical-align: middle;
}
.btn-hov a:hover{
transform: translateY(-5px);
box-shadow: 0 10px 10px rgba(0,0,0,.2);
}

/**　ボタン　**/
.btn-outer {
display: flex;
align-items: center;
justify-content: center;
width: 434px;
max-width: 90%;
aspect-ratio: 434 / 94;
height: auto;
margin:20px auto;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #243447;
border-radius: 2px;
text-decoration: none;
transform: translateY(0);
box-shadow: 0 5px 5px rgba(0,0,0,.1);
transition: all .3s ease-in-out;
}

.btn-outer:hover {
transform: translateY(-5px);
box-shadow: 0 10px 10px rgba(0,0,0,.2);
background: #C9A96A;
border-color: #C9A96A;
}

.btn-inner {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 1px solid #243447;
color: #243447;
font-family: "Noto Serif JP", serif;
font-size: clamp(16px, 5vw, 24px);  /* スマホでは文字も縮小 */
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
transition: color .3s ease-in-out, border-color .3s ease-in-out;
}

.btn-outer:hover .btn-inner {
color: #FFFFFF;
border-color: #FFFFFF;
}

.btn-outer.btn-coral {
background: #fb8869;
border: 1px solid #EF8F6E;
}

.btn-outer.btn-coral .btn-inner {
border: 1px solid #FFFFFF;
color: #FFFFFF;
}


/*********  p  *********/
.singular-article p{
color:#243447;
line-height:2.1rem;}

/***********************
01-toppage　
***********************/
.entry-content .top-lead{
font-size:36px;
line-height:4rem;
text-align:center;
margin-top:2rem;
}
.entry-content .top-lead2{
font-size:32px;
line-height:3.5rem;
text-align:center;
margin-bottom:4.5rem;
}

.entry-content .mark-pink{
color:#ec7e61;
}

.top-01lead{
text-align:center;
line-height:2.6rem;
font-size:1.1rem;
}
@media (max-width: 767px) {
.entry-content .top-lead{
font-size:2.2em;
line-height:3.3rem;
}
.entry-content .top-lead2{
font-size:20px;
line-height:2.8rem;
margin-bottom:2rem;
}
.top-01lead{
font-size:1rem;
line-height:2rem;
margin-bottom:3rem;
}
}

/**　理念　**/
.rinen {
background-image: url("http://humanbp.com/wp-content/uploads/2026/07/top-07-policy_back_22.jpg");
padding-top:30px;
padding-bottom: 100px;
}

.bd-rinen{
width: 40%;
border-bottom: 3px solid #C8A97E;
}

p.read-p-t{
font-size:16px;}

.ri-bk-wt{
width: 60%;
margin: 0 auto;
padding: 10px 10px 80px 10px;
background-color: #fff;
}

.ri-con{
width: 77%;
margin: 0 auto;}

.ri-con .ri-img {
text-align:center;}

.ri-con .ri-p-t{
color: #ee8f76;
font-size: 2em !important;
text-align: center;
margin-top: 70px;}

.ri-con .ri-g-t {
color: #C8A97E;
font-size: 0.8rem;
text-align: center;
margin-top: -25px;}

h3.ri-tt {
color: #243447;
font-size: 1.8em;
text-align: center;
margin-top:-0.5rem;
margin-bottom:1rem;
}

.read-t {
margin-bottom: 20px;
}

.read-t {
margin: 16px auto;
text-align: center;
display: block;
}
.read-t .read-p-t {
text-align: left;
display: inline-block;
}

@media (max-width: 767px) {
.ri-bk-wt {
width: 90%;}

.ri-con{
width:90%;}

.ri-bk-wt h3.ri-tt {
font-size: 1.5em;}

.read-t .read-p-t{
font-size: 1em;
}
}

/**　会社概要　**/
.info-field {
border-left: 5px solid #1a2b4a;
border-radius: 0;
padding: 4px 0 4px 16px;
width: 590px;
max-width: 90%;
margin: 0 auto;
margin-bottom: 20px;
}

.info-field .info-label {
font-size: 13px;
color: #666;
margin: -1px;
}

.info-field .info-value {
font-size: 16px;
color: #222;
line-height:1.5rem;
margin: 0;
}

h3.h3-prf{
font-size:30px;
margin-top:25px;
padding-bottom:20px;
}

.prf-name-tx{
margin-bottom:-15px !important;
}

@media (max-width: 767px) {
.top-daihyo-msg{
padding:0 !important;
}
.info-field .info-value {
font-size: 14px;
}
p.profile-p{
font-size: 16px;
padding:0 16px;
}
}

/**　実績　**/

.record-bk{
padding-top: 60px;
padding-bottom: 80px;
background-color: #f3f4f6;
}

.retitle{
text-align: center;
}

.cont-box {
display: flex;
background-color: #fff;
width: 60%;
padding: 27px 15px 30px 15px;
margin: 0 auto;
box-shadow: 2px 2px 4px #a3a4a7;
font-size:1.17rem;
color:#243447;
}

.cont-img {
padding-left: 40px;
padding-right: 15px;
padding-top:5px;
}

.reco-4con{
margin-bottom: 25px;
}

@media (max-width: 767px) {
.cont-box {
flex-direction: column;
width: 90%;
padding:20px;
font-size:1.2rem;
text-align:center;
}
.cont-img {
margin: 0 auto;
padding: 0;
}
}

/**他社との違い**/

/*背景半分のCSS*/
.hikaku {
background: linear-gradient(to right, #00000000 0%, #00000000 30%, #f3f4f6 0%, #f3f4f6 100%);
}
.hikaku-2 {
background: linear-gradient(to right, #f3f4f6 0%, #f3f4f6 70%, #00000000 0%, #00000000 100%);
}
.hikaku-inner2 {
display: flex;
align-items: center;
max-width: 1100px;
margin: 0 auto;
padding: 70px 60px;
}

.hikaku-inner {
display: flex;
align-items: center;
max-width: 1100px;
margin: 0 auto;
padding: 70px 60px;
}

.hikaku-img {
width: 38%;
position: relative;
z-index: 10;
}

.hikaku-img img {
width: 100%;
display: block;
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.hikaku-right {
width: 66%;
padding-left: 60px;
z-index: 5;
position: relative;
}

.hikaku-left {
width: 62%;
padding-right: 60px;
z-index: 5;
position: relative;
}

.hikaku-right img {
width: 70px;
margin-bottom: 20px;
}

.hikaku-left img {
width: 70px;
margin-bottom: 20px;
}

.h-l-i {
text-align: right;
}
@media (min-width: 768px) {
.h-l-i {
text-align: left !important;
}
}

.hikaku-t-right {
font-size: 16px;
line-height: 2.1rem;
color: #243447;
}

.hikaku-t-left {
font-size: 16px;
line-height: 2.1rem;
color: #243447;
}
@media (max-width: 767px) {
.hikaku {
background-image: none;
background-color: #f3f4f6;
}
.hikaku-inner {
flex-direction: column;
padding: 40px 20px;
}
.hikaku-img {
width: 80%;
margin: 0 auto 30px auto;
}
.hikaku-right {
width: 100%;
padding-left: 0;
}
.hikaku-left {
width: 100%;
padding-right: 0;
}
.hikaku-t-right {
width:100%;
font-size: 16px;
line-height: 2.1rem;
color: #243447;
}
.hikaku-right img {
width: 40px;
margin-bottom: -5px;
margin-left: 42%;
}
}

/**比較表**/
.comparison-table{
width: 80%;
margin:auto;
}

.comparison-table table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border:1px solid #e7e7e7;
}

.comparison-table th,
.comparison-table td{
border:1px solid #e7e7e7;
}

.comparison-table th{
height:100px;
text-align:center;
vertical-align:middle;
background:#fafafa;
}

.comparison-table th.company{
background:#f4f2ef;
}

.comparison-table .en{
display:block;
font-size:1em;
letter-spacing:.2em;
color:#b8b8b8;
margin-bottom:0px;
font-weight:300;
}

.comparison-table .company .en{
color:#d5b27b;
}

.comparison-table h3{
margin:0;
font-size:1.1em;
font-weight:500;
line-height:1.6;
color:#2f3544;
}

.comparison-table td{
height:80px;
font-size:1em;
padding:0 30px;
vertical-align:middle;
}

.comparison-table tbody td:nth-child(2){
font-weight:500;
color:#243447;
}

.ta-gray {
background-color: #f8f8fa;
}

.check{
display:inline-flex;
justify-content:center;
align-items:center;
width:20px;
height:20px;
border-radius:50%;
background:#ff835f;
color:#fff;
font-size:0.8em;
margin-right:22px;
vertical-align:middle;
}

@media (max-width: 767px) {
.comparison-table{
width: 100%;
}
.comparison-table td{
height:80px;
font-size:0.8em;
color:#666;
padding:5px;
vertical-align:middle;	
}
.check{
width:15px;
height:15px;
font-size:0.8em;
margin-right:2px;
}
}

/*	ブログ */
.blog-t {
text-align: center;
font-size: 1.75rem;
}
.top-info-news{
border: 1px solid #c2c2c2;
padding: 30px 30px 50px 30px;
}
.top-info-news ul {
list-style:none;
padding-left: 50px;
line-height: 3.8rem;
}
.top-info-news ul li{
border-bottom:1px solid #d3d3d3;}

.top-info-news ul li a{
text-decoration:none;}

.new-info-title {
padding-left: 30px;
}
@media (max-width: 767px) {
.top-info-news ul {
padding-left: 0px;
line-height: 1.7;
}
.top-info-news ul li{
padding: 12px 0;
}
.new-info-title {
padding-left: 0px;
}
}


/***********************
03-BlogArchive
***********************/
.archive__container{
margin-top:10px;
}
.archive__detail{
padding-top:20px;
}
.archive__detail h2.archive__title{
border:none!important;
width:100%;
}
.widget_block h2{
border-bottom:1px solid #C8A97E;
width:100%;
font-size:1.2rem;
padding-top:10px;
margin-bottom:0;
}
.archive__excerpt{
display:none;
}
.wp-block-latest-posts__list.side-recent_entries.wp-block-latest-posts {
border-top: none;
padding-left:5px;
margin-top:-5px;
}


/* ブログ記事  */
.single-post .singular-article h1{
font-size:1.5rem;
margin:2.5rem 0rem;
}
.single-post .singular-header{
margin:1rem 0rem 3rem 0;	
}
.single-post .singular-article h2{
text-align: left;
font-size:1.5rem;
width: 100%;
margin-left: 0;
margin-right: 0;
}

.singular__footer.entry-footer {
padding-top: 5rem;
}

.sns-share:not(.is-official) {
text-align:left;
}
.sns-share:not(.is-official) .sns-share__container {
justify-content: flex-start;
}
.widj-h2{
padding-bottom:-15px;
margin-bottom:-3rem;
}

/*　画面全幅設定　*/
.allwide-img {
margin-right: calc(50% - 50vw)!important;
margin-left: calc(50% - 50vw)!important;
padding-right: calc(50% - 50vw)!important;
padding-left: calc(50% - 50vw)!important;
}
@media (max-width: 767px) {
.allwide-img {
margin-right: calc(50% - 50vw)!important;
margin-left: calc(50% - 50vw)!important;
padding-right: calc(50% - 50vw)!important;
padding-left: calc(50% - 50vw)!important;
}
}


/************************
下層ページ：サービス内容　
************************/
/* ページヘッダー画像 全幅設定 */
.hbp-header-img {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}

/* SP:全幅を解除して抑えたサイズで表示 */
@media (max-width: 767px) {
.hbp-header-img {
margin-right: calc(20% - 80vw)!important;
margin-left: calc(20% - 80vw)!important;
}
}

.entry-content h1{
font-size: 2.5em;
margin-top:3rem!important;
color:#243447;
}

.svc-outer{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50% - 50vw);
padding-left: calc(50% - 50vw);
}

.svc-section{
padding-top: 60px;
padding-bottom: 0px;
}

.svc-section h2,
.vision-block h2{
text-align: center;
margin: 0 auto 60px auto;
}

.svc-lead{
text-align: center;
font-size: 1.1rem;
color: #243447;
margin-top: 0;
margin-bottom: 3.5rem;
}

/**　サービス3カード　**/
.service-cards{
display: flex;
gap: 30px;
margin-bottom: 90px;
}

.service-card{
flex: 1;
background-color: #fff;
box-shadow: 2px 2px 4px #a3a4a7;
padding: 40px 30px;
text-align: center;
}

.service-card h3{
font-size: 1.5rem;
color: #243447;
margin: 30px 0 30px;
}

.service-card .svc-desc{
font-size: 1.12rem;
line-height: 2.1rem;
color: #243447;
margin-bottom: 24px;
text-align: left;
}

.service-card ul{
list-style: none;
padding: 0;
margin: 0;
text-align: left;
border-top: 1px solid #C8A97E;
padding-top: 20px;
line-height:1.6rem;
}

.service-card li{
font-size: 1.15rem;
color: #243447;
padding: 8px 0 8px 20px;
position: relative;
}

.service-card li::before{
content: "";
position: absolute;
left: 0;
top: 16px;
width: 7px;
height: 7px;
background-color: #C8A97E;
border-radius: 50%;
}

.svc-icon{
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto;
border-radius: 50%;
background-color: #fdece7;
font-size: 1.4rem;
font-weight: bold;
color: #ff835f;
}

@media (max-width: 767px) {
.entry-content h1{
font-size: 26px;
}
.service-cards{
flex-direction: column;
}
.svc-lead{
margin-top: -1.5rem;
font-size: 1rem;
}
}

/**　支援の流れ　**/
.flow-guide{
font-size: 1.3rem;
margin-bottom: 60px;
}
.flow-steps{
margin-bottom: 60px;
}

.flow-row{
display: flex;
align-items:flex-start;
gap: 50px;
margin-bottom: 50px;
}

.flow-row-1{
justify-content: flex-start;
}

.flow-row-2{
justify-content: flex-end;
}

.flow-step{
width: 340px;
text-align: center;
flex: none;
}

.flow-step .flow-num{
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background-color: #243447;
color: #C8A97E;
font-size: 1.3rem;
font-weight: bold;
margin: 0 auto 18px;
}

.flow-step h3{
font-size: 26px;
color: #243447;
margin: 0 0 12px;
}

.flow-step p{
font-size: 17px;
line-height: 2rem;
color: #243447;
margin: 0;
}

.flow-arrow{
color: #8f8245;
font-size: 3rem;
flex: none;
}

@media (max-width: 767px) {
.flow-row{
flex-direction: column;
justify-content: center;
gap: 32px;
margin-bottom: 32px;
}
.flow-step{
width: 100%;
}
.flow-arrow{
display: none;
}
}

/**　選ばれる理由　**/
.reason-cards{
display: flex;
gap: 30px;
margin-top: 0;
margin-bottom: 90px;
}

.reason-card{
flex: 1;
background-color: #fff;
box-shadow: 2px 2px 4px #a3a4a7;
padding: 44px 30px 36px;
text-align: center;
position: relative;
}

.reason-card .reason-num{
width: 56px;
height: 56px;
line-height: 56px;
margin: 0 auto 20px;
border-radius: 50%;
background-color: #C8A97E;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
font-style: italic;
}

.reason-card h3{
font-size: 1.35rem;
color: #243447;
margin: 0 0 16px;
padding-bottom: 16px;
border-bottom: 1px solid #C8A97E;
}

.reason-card p{
font-size: 1rem;
line-height: 1.9rem;
color: #243447;
margin: 0;
}

@media (max-width: 767px) {
.reason-cards{
flex-direction: column;
margin-top: -1.5rem;
}
}

/**　私たちが目指すこと　**/
.vision-block{
background-color: #f3f4f6;
padding: 90px 40px;
text-align: center;
}

.vision-block h2{
color: #243447;
border-bottom-color: #C8A97E;
}

.vision-lead{
font-size: 1.8rem;
color: #243447;
line-height: 2.8rem;
margin: 0 0 2.2rem;
}

.vision-lead .mark-gold{
color: #ff835f;
}

.vision-body{
max-width: 640px;
margin: 0 auto;
font-size: 1.05rem;
color: #555;
line-height: 2.3rem;
}

@media (max-width: 767px) {
.vision-block{
padding: 56px 24px;
}
.vision-lead{
font-size: 1.4rem;
line-height: 2.2rem;
}
.vision-body{
font-size: 1rem;
}
}
/**　お問合せ　**/
.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: #243447;
  font-size: 1.3rem;
  border: none;
}
.form-btn{
	font-size:1.15rem;
}
[type="checkbox"], [type="radio"]{
	width:18px;
	height:18px;
}

/**　フッター　**/
.footer{
margin-top:80px;
}
.footer-main{
background-color:#c1b59e;	
}
.footer p{
font-size:0.9rem;
line-height:1.8rem;
}

.footer p,li{
color:#243447;
}

.footer-widget__column>* {
margin-top: 0;
}

.f-logo {
width: 200px;
margin-bottom: -10px;
}

.footer-poweredby {
display: none;
}