/*
Theme Name: OnePress Child
Template: onepress

*/

/*定型文*/

a,
a::before,
a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none!important;
}
/* other-style
----------------------------------------------- */
.MT0 { margin-top: 0px !important; }
.MT10 { margin-top: 10px !important; }
.MT20 { margin-top: 20px !important; }
.MT30 { margin-top: 30px !important; }
.MT40 { margin-top: 40px !important; }
.MT50 { margin-top: 50px !important; }
.MT100 { margin-top: 100px !important; }

.MB0 { margin-bottom: 0px !important; }
.MB5 { margin-bottom: 5px !important; }
.MB10 { margin-bottom: 10px !important; }
.MB20 { margin-bottom: 20px !important; }
.MB30 { margin-bottom: 30px !important; }
.MB40 { margin-bottom: 40px !important; }
.MB50 { margin-bottom: 50px !important; }

.MR0 { margin-right: 0 !important; }
.MR10 { margin-right: 10px !important; }
.MR20 { margin-right: 20px !important; }
.MR30 { margin-right: 30px !important; }
.MR40 { margin-right: 40px !important; }
.MR50 { margin-right: 50px !important; }

.ML10 { margin-left: 0 !important; }
.ML10 { margin-left: 10px !important; }
.ML20 { margin-left: 20px !important; }
.ML30 { margin-left: 30px !important; }
.ML100 { margin-left: 100px !important; }

.PT0 { padding-top: 0px !important; }
.PT10 { padding-top: 10px !important; }
.PT20 { padding-top: 20px !important; }
.PT30 { padding-top: 30px !important; }
.PB0 { padding-bottom: 0px !important; }
.PB10 { padding-bottom: 10px !important; }
.PB20 { padding-bottom: 20px !important; }
.PB30 { padding-bottom: 30px !important; }
.PR10 { padding-right: 10px !important; }
.PR20 { padding-right: 20px !important; }
.PR30 { padding-right: 30px !important; }
.PL10 { padding-left: 10px !important; }
.PL20 { padding-left: 20px !important; }
.PL30 { padding-left: 30px !important; }
.PR10 { padding-right: 10px !important; }
.PR20 { padding-right: 20px !important; }
.PR30 { padding-right: 30px !important; }
.P80 { padding: 80px 0; }
.P50 { padding: 50px 0; }

.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }

.col-r { float:right!important; }
.col-l { float:left!important; }
a.text-none { text-indent: -9999px; }
.clear { clear:both; }
div, img { box-sizing: border-box; }

/* フォントサイズ変更 */
.fs10 { font-size: 10px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs18 { font-size: 18px !important;}
.fs30 { font-size: 30px !important;}
.fs120{ font-size: 120% !important;}
.fs140{ font-size: 140% !important;}


/* 文字位置 */
.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}
.pc { display: block; }
.mb{ display: none; }

@media only screen and (max-width:640px){
.w40 { width:100%; }
.w45 { width:100%; }
.w50 { width:100%; }
.w55 { width:100%; }
.w60 { width:100%; }
.w70 { width:100%; }
.w80 { width:100%; }
.w90 { width:100%; }
.col-r { float:none!important; }
.col-l { float:none!important; }
.PL10 { padding-left: 0 !important; }
.PL20 { padding-left: 0 !important; }
.PL30 { padding-left: 0 !important; }
.PR10 { padding-right: 0 !important; }
.PR20 { padding-right: 0 !important; }
.PR30 { padding-right: 0 !important; }
.pc { display: none; }
.mb{ display: block; }
	}

div, img, a { box-sizing: border-box; }
a:hover { opacity: 0.8; }
a:focus { outline: none; }
li { list-style : none; }
ul { padding:0; margin: 0; }

/*****************************リンク無効**************************/
a.none { pointer-events: none; }

/****************PCのみflex*************/
.flex { display: flex;}
.flex.center { align-items: center;}
.flex.wrap { flex-wrap: wrap; }
.flex.between { justify-content: space-between; }
.flex.around { justify-content: space-around; }
.flex.reverse { flex-direction: row-reverse; }
.flex.start { align-items: flex-start; }
.flex.justify_center { justify-content: center; }

.flex.set2 > * { width: calc(100% / 2 - 15px) !important; }
.flex.set3 > * { width: calc(100% / 3 - 10px) !important; }
.flex.set4 > * { width: calc(100% / 4 - 10px) !important; }

body, button, input, select, textarea, h2, h3, h4 {
	font-family: "Noto Sans JP",sans-serif, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN" !important;
	color: #333;
}

h1 {
	font-family: "Noto Sans JP",sans-serif, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN" !important;
	color: #A72138;
}

h2.h2_01 {
  position: relative;
  border-bottom: 3px solid #000;
  padding-bottom: 5px;
}
h2.h2_01::after {
  position: absolute;
  left:  0;
  bottom: -3px;
  display: block;
  content: " ";
  width: 10%;
  border-bottom: 3px solid #A72138;
}

a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80px;
	margin: auto;
	font-weight: bold;
	border: 1px solid #A72138;
	color: #A72138;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_01:hover {
	color: #fff;
	background: #A72138;
}


.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #f8f8f8 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #A72138;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}

/*headlogo*/
.site-logo-div img {
	max-height: 50px;
	width: auto;
}
/*mainmenu*/
.onepress-menu a {
	font-size: 16px;
}
/*mainvs*/
#parallax-hero > .parallax-bg::before {
	background: none !important;
	opacity: 1;
}
.hero-content-style1 p {
	font-size: 22px;
	font-weight: bold;
}
.section-title-area .section-subtitle {
	color: #A72138;
}
table {
    border-right: none !important;
    border-left: none !important;

}
table th {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 12px 15px !important;
	background: #f8f8f8;
	border: 1px solid #fff;
	color: #333;
	width: 200px;
    border-right: none !important;
    border-left: none !important;
}
table td {
	padding: 12px 15px !important;
	color: #333;
    border-right: none !important;
    border-left: none !important;
}
/* スマホ対応用テーブル start */
.table_01 {
    border-right: none !important;
    border-left: none !important;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.table_01 th {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
/*	padding: 12px 15px !important; */
	background: #f8f8f8;
	border: 1px solid #fff;
	color: #333;
	width: 200px;
    border-right: none !important;
    border-left: none !important;
	  padding: 10px;
}
.table_01 td {
/*	padding: 12px 15px !important; */
	color: #333;
    border-right: none !important;
    border-left: none !important;
	  padding: 10px;
}
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .table_01 {
    width: 80%;
  }
  .table_01 th,
  .table_01 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
} 
/* スマホ対応用テーブル end */
p {
	line-height: 1.8;
	color: #333;
	font-size: 15px;
}
h3 {
	margin: 0 0 20px;
	font-size: 25px;
}
.btn {
	display: block;
	width: 500px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 17px;
	background: #fff;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
	font-size: 20px;
	line-height: 1.5;
	font-weight: bold;
}
.section-news .list-article {
	border-top: 1px solid #ccc;
	padding: 25px 0px;
}
#free {
	background: url(https://hpdev.geofact.co.jp/wp-content/uploads/2025/12/bg_about.png);
	background-attachment: fixed;
	background-size: 50%;
	background-repeat:no-repeat; 
	background-position:right bottom; /*背景画像の表示位置指定*/
	background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
}

#company {
	background: url(https://hpdev.geofact.co.jp/wp-content/uploads/2025/12/bg_company.png);
	background-attachment: fixed;
	background-size: cover;
	background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
}

#works {
	background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),url('https://hpdev.geofact.co.jp/wp-content/uploads/2025/12/bg_works.jpg');
	background-attachment: fixed;
	background-size: cover;
}


#recruit {
	background: url(https://hpdev.geofact.co.jp/wp-content/uploads/2025/12/bg_recruit.jpg);
	background-size: contain;
	background-repeat:no-repeat; 
	background-position:left top; /*背景画像の表示位置指定*/
	background-color: rgba(255,255,255,0.5);
    background-blend-mode: lighten;
}

#contact {
	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url('https://hpdev.geofact.co.jp/wp-content/uploads/2026/01/bg_contact.jpg');
	background-attachment: fixed;
	background-size: cover;
}

/* Contact Form7スマホ・タブレット用カスタマイズ */
@media(max-width:850px){
/* テーブルの見出しとフォーム */
table.inquiry th,table.inquiry td {
   display:block;
   padding:1em 0!important;
   width:100%;
   border:0;
}

/* 送信ボタン */
input.wpcf7-submit{
   margin-bottom:30px;
   width:100%;
}
}

/* 日付タグ上のテキストをPCとスマホで変更 */
@media(max-width:900px){
.pcdate{
   display: none;
}
}
@media(min-width:1000px){
.spdate{
   display: none;
}
/* 日付タグの幅を調整 */
.wpcf7-date.dateform{
   width: 25%;
}
}

/* Contact Form7全体カスタマイズ */
/* 自動入力されるPタグを無効にする */
.inquiry p {
   display: inline;
}

/*テーブル下に余白.枠線・テキストの行間 */
table.inquiry {
   margin-bottom: 30px;
   border:solid 1px #d7d7d7;
   line-height:1.2;
   vertical-align:middle;
}

/* テーブルの行 */
.inquiry tr {
   border:0!important;
}

/* テーブルの見出し側 */
.inquiry th{
   text-align:left;
   font-size:14px;
   color:#444;
   padding:1em 0.5em;
   width:0;
   background:#efefef;
   border:solid 1px #d7d7d7;
   white-space: nowrap;
   vertical-align: middle;
}

/* 必須と任意タグ */
.haveto,.any{
   font-size:13px;
   padding:5px;
   background:#A72138;
   color:#fff;
   border-radius:2px;
   margin-right:5px;
   font-weight:normal;
}

/* 任意タグの背景カラー */
.any{
   background:rgb(82 85 92);
}

/* テーブルフォーム側 */
.inquiry td{
   font-size:13px;
   border:solid 1px #d7d7d7;	
}

/* 入力エリア幅最大 */
.wpcf7-form-control {
   width: 100%;
}

/* フォーム入力欄の余白・背景カラー・枠線消す指定 */
.inquiry input,.inquiry select,.inquiry textarea {
   margin: 5px 0;
   background:#eff1f5;
   border: none;
   padding:0.7em;
}
.inquiry textarea {
   padding-bottom:10em;
}

/* チェックボックスとラジオボタンの位置調整 */
.wpcf7-list-item-label,.wpcf7-checkbox,input[type=checkbox],input[type=radio]{
   vertical-align:middle;
}
.wpcf7-list-item-label{
   padding:0 5px 0 2px;
}
/*ラジオボタンを縦並び指定*/
.verticallist{
   display:inline-grid;
}

/* 送信ボタンのデザイン */
.wpcf7-submit{
   display: block;
   margin:10px auto;
   padding:1em 0;
   width:100%;
   background:#09b555;
   color:#fff;
   font-size:18px;
   font-weight:bold;	 
   border-radius:4px;
   border: none;
}

/* 送信ボタンマウスホバー時 */
.wpcf7-submit:hover{
   opacity: 0.9;
   transition: 0.3s;
}

/* フォーム上部に表示されるエラーメッセージを非表示 */
.screen-reader-response {
    display: none;
}

/* フォーム内エラーメッセージを赤色に指定 */
.wpcf7-not-valid-tip {
    color: #e92323;
}

/*gallery*/
.gallery-content {
	overflow: hidden;
}
#gallery-1 {
	margin: 0 -10px;
}
#gallery-1 .gallery-item {
	padding: 20px 10px;
}
.gallery-item {
	max-height: 200px;
	overflow: hidden;
}

	.c-tel .num{
		font-size:36px;
		color:rgb(82 85 92);
		margin-bottom:20px;
	}

/*footer*/
.site-footer .site-info {
	position: relative;
	text-align: center;
	padding: 35px 0px;
	background: rgb(82 85 92);
	font-weight: 500;
	color: #fff;
}
.site-info::before {
	content: "";
	width: 100%;
	height: 70px;
	display: block;
	position: absolute;
	top: -69px;
}
.site-info ul {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-info li {
  margin-right: 10px;
  padding: 10px;
}

.site-info li:last-child {
  margin-right: 0;
}

#primary {
	padding-bottom: 100px;
	padding-top: 40px;
}

/* news */
.blog-entry.wow.slideInUp {
	display: flex;
	justify-content: space-between;
}
.section-news .list-article {
	border-top: none;
	padding: 25px;
	box-sizing: border-box;
	background: #fff;
	width: 32%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
	float: none;
	margin-right: 0;
}
.list-article-thumb img {
	display: block;
	margin: 0 auto;
}
.content-area .list-article-thumb {
	float: left !important;
	margin-right: 20px !important;
}


.point {
	text-align: center;
	margin-top: 20px;
	color: #999;
	font-size: 14px;
}

/* バツを消したい */
.inner_bfb .bfb_closed{
  display:none;
}

/* 親要素：中央寄せにする共通クラス */
.is-center {
  text-align: center;
}

/* 子要素：スマホで改行、PCで1行にする共通クラス */
.is-br-pc {
  display: block; /* スマホでは縦並び */
}

@media screen and (min-width: 768px) {
  .is-br-pc {
    display: inline-block; /* PCでは横並び */
  }
}

/*タブレットとスマホ横*/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
.feature-item { margin: 0 0 20px; }
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb { display: block; }
.gallery-item { max-height: 120px; padding: 10px; }

.flex { display: block; }
.flex.set2 > * { width: 100%!important; }
.flex.set3 > * { width: 100%!important; }
.flex.set4 > * { width: 50%!important; }
}


/*スマホ縦*/
@media only screen and (max-width: 767px) {
.flex { display: block; }
.flex.set2 > * { width: 100%!important; }
.flex.set3 > * { width: 100%!important; }
.flex.set4 > * { width: 50%!important; }
	
.followWrap { height: auto !important; }
.hero-slideshow-normal .container { padding: 0 15px; }
#nav-toggle { position: fixed; top: 0; z-index: 100000; right: 0; }
.site-branding { float: none; width: 80%; margin: 0 auto; }
.btn { width: 100%; }

#gallery-1 { margin: 0; }
#gallery-1 .gallery-item { padding: 10px 5px;  margin: 0; }
.gallery-columns-3 .gallery-item { max-width: 50%; }
.gallery-item { max-height: 120px; padding: 10px; }
.blog-entry.wow.slideInUp { display: block !important; }
.section-news .list-article { width: 100% !important; margin: 0 0 10px; }
.content-area .list-article-thumb { float: none !important; margin-right: 0 !important; }
.site-info::before { height: 20px; top: -20px; background-size: 150%; }
.site-footer .site-info { font-size: 11px; }
	.site-info ul{display:block}
}