/* ------------------------------------------
　　テンプレ	No N000
--------------------------------------------- */

/*.table-company {
	width:100%;
}*/

/* ------------------------------------------
　　実装初期定義
--------------------------------------------- */
hr {
 border-top: dotted 1px #ccc;
 border-left: none;
 border-right: none;
 border-bottom: none;
 padding-bottom: 5px;
}

.imagetext {
 overflow: hidden;
}

/*イメージ横テキストの回り込み禁止*/
.indent {
 padding-left: 15px;
}

.row {
 margin-bottom: 20px;
}

a {
 color: #3683d1;
}

a:hover {
 color: #3074b8;
}

.btn.btn--link {
 background: #3683d1;
}

.btn.btn--link:hover {
 background: #3074b8;
}

footer {
 background: #e8e8e8;
}

.topnews-bg {
 background: #3683d1;
}

.topgallery-label {
 background: #3683d1;
}

.footer-backtotop a {
 background: #000;
}

.footer-backtotop a:hover {
 color: #fff;
}

#menu-footer_all li.cat-item a:hover,
.widget_categories li a:hover {
 background-color: #ccc;
}

/* ------------------------------------------
　　グローバルメニュー表示設定
--------------------------------------------- */
@media only screen and (min-width: 768px) {

 .bg-global-nav {
  background: linear-gradient(to bottom, #000 0%, #000 50%, #282828 52%, #282828 100%, #282828 100%);
  border-top: 0;
  border-bottom: 0;
 }

 .global-nav ul li {
  background: linear-gradient(to bottom, #000 0%, #000 50%, #282828 52%, #282828 100%, #282828 100%);
 }

 .global-nav ul li>a {
  color: #fff;
 }

 .global-nav ul li:hover,
 .global-nav ul .current {
  background: linear-gradient(to bottom, #124892 0%, #124892 50%, #155ab7 52%, #155ab7 100%);
  color: #fff;
 }

 .global-nav ul li:hover>a,
 .global-nav ul .current a {
  color: #fff;
 }

 .global-nav ul li {
  border-left: 0;
  border-right: 0;
 }

 .global-nav ul li span {
  color: #fff;
 }

 .global-nav ul li>a:hover span,
 .global-nav ul .current span {
  color: #fff;
 }

}

/* ------------------------------------------
　　見出しCSS設定
--------------------------------------------- */
.content-title--bl {
 border-left: 6px solid #3683d1;
}

.content-subtitle {
 border-bottom: solid 2px #3683d1;
}

/* 下ボーダー（2本線） */
.content-title--bbd {
 border-bottom: 3px double #3683d1;
}

/* ボーダーで囲む × アクセント */
.content-title--bdacc {
 border: 1px solid #ccc;
}

.content-title--bdacc::after {
 background-color: #3683d1;
}

/* 下ボーダー（2カラー） */
.content-title--bb2 {
 border-bottom: 4px solid #ccc;
}

.content-title--bb2::after {
 background-color: #3683d1;
}

/* マーカーのような下線 */
.content-title--marker::after {
 background-color: #3683d1;
}

/* ストライプ */
.content-title--stripe {
 background: -webkit-repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 background: repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

/* グラデーション × ボーダー × マーク */
.content-title--gb {
 background: -webkit-repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 background: repeating-linear-gradient(45deg, #3683d1, #3683d1 5px, #3074b8 5px, #3074b8 10px);
 border-top: 3px solid #3683d1;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.content-title--gb::after {
 border: 3px solid #3683d1;
}

/* ------------------------------------------
　　テンプレート別CSS
--------------------------------------------- */
.wp-pagenavi span,
.wp-pagenavi a {
 color: #fff;
}

#masthead {
 background-color: #fff;
}

.breadcrumbs>* {
 color: #333;
}

.sub-menu {
 color: #3683d1;
}

.gallery-flow-number span {
 background: #3683d1;
}

.qa-tmp1 dt {
 background: #3683d1;
 opacity: 0.7;
}

.widget_categories li a:before {
 color: #3683d1;
}

.qa-tmp2 dt {
 background: #c9bbbb;
}


/* ------------------------------------------
　　ここから編集CSS
--------------------------------------------- */

/* FONTPLUS書体設定 */
.global-nav-label--ja,
.sub-menu--header {
 font-family: 新ゴ M;
}

h2,
h3,
h4 {
 font-family: 新ゴ M;
}

/*1行表示のときはコメントアウトを外す*/
/*span.global-nav-label--en {display:none !important;}*/

.point01 {
 color: #1F497D;
}

/*ポイントカラー1色目*/
.point02 {
 color: #00ff00;
}

/*ポイントカラー2色目*/

/* ------------------------------------------
　　メディア別追加CSS設定
--------------------------------------------- */


/* PC版のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 1025px) {}


/* タブレット・PC版両方のスタイルを追加する場合はここに記述 */
@media screen and (min-width: 768px) {}

/* for tablet */
/* タブレット版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:1024px) and (min-width: 768px) {}

/* for sp */
/* スマホ版のスタイルを追加する場合はここに記述 */
@media screen and (max-width:767px) {
 .pr-area .toppr-image {
  margin: 0 auto 15px;
 }
}

.col-md-9 img {
 width: 100%;
 max-width: unset;
}

@media only screen and (min-width: 1200px) {
 .container {
  width: 900px;
 }
}

@media only screen and (min-width: 992px) {
 .container {
  width: 900px;
 }

 .col-md-9 {
  width: 670px;
  margin: 0 8px 0 0 !important;
 }

 .col-md-3 {
  width: 200px;
  margin: 0 9px;
 }

 .contents-main-right {
  float: right;
 }

 .footer-bgtop {
  padding: 70px 0 0 !important;
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .col-md-9 {
  margin: 0 8px !important;
 }

 img.size-auto,
 img.size-large,
 img.size-full,
 img.size-medium {
  width: 100%;
 }

 .footer-bgtop {
  padding: 65px 0 0 !important;
 }
}

@media only screen and (min-width: 768px) {
 .bg-global-nav {
  display: none;
 }

 .headertop-copy {
  margin: 0 0 15px 0;
 }

 .row>div {
  padding: 0;
 }

 .col-md-3 {
  margin: 0 8px;
 }

 .col-md-3 .side-banner {
  text-align: center !important;
 }
}

@media only screen and (max-width: 767px) {
 footer {
  background-size: cover !important;
 }

 .footer-bgtop {
  padding: 80px 0 0;
 }

 .tac-sp {
  text-align: center;
 }

 #menu-header {
  border: solid 1px #ccc;
  margin-bottom: 0;
 }

 #menu-header>li:not(:last-child) {
  border-bottom: dotted 1px #ccc;
 }
}

.logo {
 max-width: 100%;
}

.row {
 margin: unset;
}

.container {
 padding: 0;
}

body {
 background-image: url(/wp-content/uploads/2026/09/header-bg.png);
 background-repeat: repeat-x;
 color: #666;
}

header#masthead {
 background-color: unset;
 padding: 12px 0 0;
}

.header-info {
 margin: 0 0 5px;
}

.container.top-head-inner {
 background-color: #fff;
 padding: 5px 15px;
}

.menu-footer_all-container,
.form-horizontal .form-group {
 margin-left: 0;
 margin-right: 0;
}

.container,
.container.top-head-inner {
 border-left: solid 1px #cacaca;
 border-right: solid 1px #cacaca;
}

.breadcrumbs {
 margin: 0;
 padding: 0;
}

.breadcrumbs .container {
 padding: 10px;
}

a {
 color: #666;
}

a:hover {
 color: #5E8C2D;
}

body {
 font-size: 14px;
}

.m-list-s {
 background-image: url(/wp-content/themes/theme-third/img/common/nav_02_bg3.jpg);
 height: 258px;
 width: 200px;
 margin: auto;
}

.m-list-s>li {
 height: 86px;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.m-list-s>li>a {
 color: #fff;
 font-weight: 600;
 text-decoration-color: #666;
 text-align: left;
 padding-left: 30px;
}

.m-list-s02 {
 background-color: #f5fadc;
 width: 200px;
 margin: auto;
}

.m-list-s02>li {
 text-align: left;
 height: 35px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 border-bottom: dashed 1px #86af83;
 padding-left: 30px;
}

.arrow_s_b {
 position: relative;
}

.arrow_s_b:before {
 content: '';
 width: 12px;
 height: 12px;
 background: #5e8b2e;
 border-radius: 50%;
 position: absolute;
 top: 0;
 left: 7px;
 bottom: 0;
 margin: auto;
}

.arrow_s_b:after {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 3px 0 3px 6px;
 border-color: transparent transparent transparent #fff;
 position: absolute;
 top: 0;
 left: 11px;
 bottom: 0;
 margin: auto;
}

footer {
 background: url(/wp-content/themes/theme-third/img/common/0_sitemap.jpg);
 background-repeat: repeat-x;
 background-position-y: bottom;
}

.container.footer-copy,
.footer-bgtop .container {
 border: unset;
}

#footer-m {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

#footer-m>li>a {
 padding: 5px;
 color: #fff;
 font-size: 12px;
}

#footer-m>li:not(last-child):after {
 content: '|';
 color: #fff;
}

.footer-bgbottom {
 background-color: #fff;
}

.sp-conversion-list {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10px;
}

.sp-conversion-list li {
 display: block;
 text-align: center;
 width: 45%;
}

.ta-r {
 text-align: right;
}

.pattern01,
.pattern02 {
 display: none;
}

.home .pattern01,
.page-id-3259 .pattern01 {
 display: block !important;
}

.page-id-3261 .pattern02,
.page-id-2601 .pattern02 {
 display: block !important;
}

.term-years_10 .pattern03,
.term-years_20 .pattern03 {
 display: none;
}

.container.contents {
 margin-bottom: 0;
}

/* home */
.toppr {
 margin: 0;
 padding: 0;
}

.wrapper-top-contents {
 padding: 0;
}

.youtube {
 width: 100%;
 aspect-ratio: 16 / 9;
 margin: 0 0 15px;
}

.youtube iframe {
 width: 100%;
 height: 100%;
}

.h-assessment {
 border: solid 1px #e8e8e8;
 border-radius: 5px;
 padding: 5px 5px 10px;
}

.assessment-flex {
 display: flex;
 justify-content: space-evenly;
 gap: 5px;
}

.assessment-flex>p {
 margin-bottom: 0;
}

.h-txtarea-flex img {
 max-width: 100%;
 width: unset;
}

/* home （モーダル） */
.image-modal summary::-webkit-details-marker {
 display: none;
}

.image-modal summary {
 list-style: none;
}

.image-modal summary img {
 width: unset;
 max-width: 100%;
 height: auto;
 cursor: pointer;
}

.image-modal .modal-body {
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 background: rgba(0, 0, 0, 0.8);
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 z-index: 9999;
 pointer-events: none;
 opacity: 0;
 display: none;
 transition: opacity 0.3s ease, display 0.3s ease allow-discrete;
}

.image-modal .modal-body img {
 max-width: 80vw;
 max-height: 80vh;
 width: auto;
 height: auto;
 object-fit: contain;
 transform: scale(0.9);
 transition: transform 0.3s ease;
}

.image-modal[open] .modal-body {
 display: flex;
 opacity: 1;
}

.image-modal[open] .modal-body img {
 transform: scale(1);
}

@starting-style {
 .image-modal[open] .modal-body {
  opacity: 0;
 }

 .image-modal[open] .modal-body img {
  transform: scale(0.9);
 }
}

.image-modal[open] summary {
 position: fixed;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 z-index: 9998;
 cursor: pointer;
}

.image-modal[open] summary img {
 display: none;
}

.image-modal .modal-body p {
 color: #fff;
 margin-top: 15px;
 font-size: 14px;
}

.modal-flex {
 display: flex;
 justify-content: center;
 padding: 10px 5px 0;
}

.h-buyback {
 background-image: url(/wp-content/uploads/2026/09/20120704-3.jpg);
 background-repeat: repeat-y;
 background-size: 100.15%;
}

.h-buyback h2 {
 margin-bottom: 0;
}

.h-buyback h2 img {
 width: 100%;
 max-width: unset;
}

.h-txtlink {
 margin-bottom: 0;
 padding: 5px 10px 0;
}

.h-txtlink a {
 font-size: 12px;
 font-weight: 600;
 color: #fff;
}

.pr-top {
 margin: 0 0 30px;
}

.pdb-15 {
 padding-bottom: 15px;
}

.h-buyback-bnr img {
 max-width: unset;
 width: 100%;
}

@media only screen and (min-width: 992px) {
 .h-buyback {
  width: 670px;
  margin: auto;
 }

 .h-buyback h2 img,
 .h-buyback-bnr img {
  max-width: 100%;
  width: 670px;
 }
}

@media only screen and (min-width: 768px) {
 .h-txtarea-flex {
  display: flex;
  justify-content: space-between;
 }

 .h-txtarea-flex>p {
  width: 45%;
  margin-top: -30px;
 }

 .h-txtarea-flex>div {
  width: 55%;
 }
}

/*　農機具買取　*/
.btn-catlist {
 border: solid 1px #c9302c;
}

.cat-children {
 display: block;
}

.cat-children .btn-catlist {
 color: #c9302c;
 background-color: #ffffff;
 padding: 3px;
}

.cat-children .btn-catlist:not(:last-child) {
 margin: 0 5px 0 0;
}

.cat-children .btn-catlist:last-child {
 margin: 0;
}

.page-template-page-menu02 .cat-links {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.cat-parent {
 padding: 5px;
 background-color: #efefef;
 border-radius: 5px;
 margin: 0 auto 5px;
}

.page-template-page-menu02 h3.content-subtitle,
.tax-menu-cat02 h4.content-subtitle {
 margin: 0;
 border: solid 1px #e8e8e8;
 border-radius: 5px 5px 0 0;
 border-bottom: unset;
}

.page-template-page-menu02 h3.content-subtitle span,
.tax-menu-cat02 h4.content-subtitle span {
 background-color: #65af7c;
 color: #fff;
 padding: 3px 5px;
 display: block;
 border-radius: 5px;
 margin: 5px;
}

.page-template-page-menu02 h2.content-title--bbd,
.tax-menu-cat02 h3.content-title--bbd {
 font-size: 24px;
 text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 3px 3px 6px #000;
 border-bottom: solid 1px #d2d2d2;
}

.cat-links .btn-catlist:hover,
.cat-parent .btn-catlist:hover {
 color: #c9302c;
 background-color: #fff;
}

.cat-links .cat-children .btn-catlist:hover,
.cat-parent .cat-children .btn-catlist:hover {
 color: #fff;
 background-color: #c9302c;
}

@media only screen and (min-width: 992px) {

 .page-template-page-menu02 h3.content-subtitle,
 .tax-menu-cat02 h4.content-subtitle {
  max-width: 670px;
 }
}

@media only screen and (min-width: 768px) {

 .page-template-page-menu02 .col-md-9,
 .tax-menu-cat02 .col-md-9 {
  padding: 0;
 }

 .free-area--top {
  margin: 0 0 15px;
 }

 .cat-links {
  margin: 0 auto 30px;
 }
}

@media only screen and (min-width: 992px) {
 .col-md-9 {
  padding: 0;
 }
}

.thum001.content-title--bbd {
 border: none;
}

/* 鹿深サービスができること */
.can_do-flex001 {
 display: flex;
 justify-content: space-between;
 gap: 5px;
}

#can_do001 h3 img,
#can_do002 h3 img,
#can_do003 h3 img {
 margin-left: -5px;
}

#can_do001,
#can_do002,
#can_do003 {
 padding-top: 30px;
 padding-bottom: 30px;
 border: solid 5px #ede5c2;
 background-image: url(/wp-content/uploads/2026/09/can_dobg.png);
 background-repeat: repeat;
 margin-bottom: 30px;
}

#can_do004 {
 background-image: url(/wp-content/uploads/2026/09/img_004bg.png);
 background-repeat: repeat;
}

#can_do004,
#can_do005 {
 margin-bottom: 30px;
 padding-bottom: 15px;
}

.pdlr {
 padding: 0 10px;
}

.can_do-flex002 {
 padding: 10px 10px 20px;
}

.can_do-flex002>p,
.can_do-flex003>p {
 margin-bottom: 0;
}

.can_do-flex004 {
 padding: 0 10px;
}

.flex004-in02 {
 padding: 10px;
 border-radius: 5px;
 background-color: #e0dbc5;
}

.flex004-in01 {
 padding: 10px;
 border-radius: 5px;
 background-color: #e9d9a8;
}

.can_do-flex004 h4 {
 text-align: center;
 font-weight: normal;
 color: #693120;
}

#can_do004 h3 img {
 margin-top: -6px;
}

#can_do005 h3 img {
 width: 100%;
 max-width: unset;
}

#can_do005 h3 {
 margin-bottom: 0;
}

#can_do005 .pagecontent-text {
 border-radius: 0 0 5px 5px;
 border-left: solid 1px #eee;
 border-right: solid 1px #eee;
 border-bottom: solid 1px #eee;
 padding: 10px 0 15px;
}

@media only screen and (min-width: 601px) {
 .can_do-flex004 {
  display: flex;
  justify-content: space-between;
 }

 .flex004-in01 {
  width: 48%;
 }

 .flex004-in02 {
  width: 48%;
 }
}

@media only screen and (max-width: 600px) {
 .flex004-in01 {
  margin-bottom: 15px;
 }
}

@media only screen and (min-width: 481px) {
 .can_do-flex002 {
  display: flex;
  gap: 15px;
 }

 .can_do-flex002>p:first-child {
  width: 32%;
  min-width: 200px;
 }

 .can_do-flex002>p:last-child {
  width: 68%;
 }

 .can_do-flex003 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  justify-content: space-between;
 }
}

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

 .can_do-flex002>p:first-child,
 .can_do-flex003>p {
  text-align: center;
 }

 .can_do-flex002>p:not(:last-child),
 .can_do-flex003>p:not(:last-child) {
  margin-bottom: 15px;
 }
}

.page-id-3259 .pagecontent-text img {
 width: unset;
 max-width: 100%;
}

/* スッキリプラン */
#plan-001,
#plan-002 {
 margin-bottom: 30px;
 padding-bottom: 15px;
 border-bottom: dotted 1px #ccc;
}

.txt-001 span {
 font-weight: 600;
 color: #ff9900;
 font-size: 1.25em;
}

.txt-002 span {
 font-weight: 600;
 color: #fff;
 font-size: 1.25em;
 background-color: #cc3300;
 padding: 0 5px;
}

.txt-003,
.txt-004,
.txt-005,
.txt-006 {
 margin-bottom: 0;
}

.txt-003 span {
 color: #ff0000;
 text-decoration-line: underline;
}

.txt-004 span {
 font-weight: 600;
 color: #66cc33;
 font-size: 1.25em;
}

.txt-005 span {
 color: #66cc33;
 text-decoration-line: underline;
}

.txt-006>span {
 font-size: 1.25em;
 font-weight: 600;
}

.txt-006>span>span {
 color: #cc3300;
}

/* 農機具買取査定の流れ */
.page-id-3220 .col-md-9 .pagecontent-text {
 margin-bottom: 30px;
}

.page-id-3220 .col-md-9 .pagecontent-text h4 {
 margin-bottom: 0;
}

#flow-001 .pagecontent-text,
#flow-002 .pagecontent-text,
#flow-003 .pagecontent-text,
#flow-004 .pagecontent-text,
#flow-005 .pagecontent-text {
 border-radius: 5px;
 border: solid 1px #eee;
 padding-bottom: 5px;
}

.flow-flex001 {
 padding-left: 50px;
 padding-right: 10px;
 position: relative;
}

.page-id-3220 .col-md-9 .pagecontent-text h4 {
 padding: 0 5px;
}

.page-id-3220 .col-md-9 .pagecontent-text h4 img {
 width: unset;
 max-width: 100%;
}

.f-txt001,
.f-txt002,
.f-txt003 {
 padding: 5px;
 border: solid 1px #ececec;
 background-color: #f4f4f4;
 font-weight: 600;
}

.f-txt001 span {
 display: block;
 font-size: 0.8em;
 line-height: 1.3em;
 font-weight: normal;
}

.f-txt002 span a,
.f-txt003 span a {
 display: block;
 text-decoration: none;
 color: #fff;
 background-color: #fc8738;
 border: solid 1px #fc8738;
 border-radius: 5px;
 padding: 0 0 0 20px;
 font-size: 12px;
 margin-top: 6px;
 position: relative;
}

.f-txt002 span a:hover,
.f-txt003 span a:hover {
 background-color: #fff;
 color: #fc8738;
}

.f-txt002 span a:before,
.f-txt003 span a:before {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 border-style: solid;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 6px solid #ffffff;
 border-right: 0;
 left: 5px;
 top: 50%;
 transform: translateY(-50%);
}

.f-txt002 span a:hover:before,
.f-txt003 span a:hover:before {
 border-left: 6px solid #fc8738;
}

.flow-flex001>div>p:first-child {
 position: relative;
}

.flow-flex001>div>p:first-child:after {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-right: 15px solid transparent;
 border-left: 15px solid transparent;
 border-top: 15px solid #6ebdba;
 border-bottom: 0;
}

.flow-flex001:before {
 content: '';
 display: inline-block;
 width: 35px;
 height: 100%;
 background: #fc8738;
 clip-path: polygon(0 90%, 38.2% 90%, 38.2% 0, 61.8% 0, 61.8% 90%, 100% 90%, 50% 100%);
 position: absolute;
 left: 5px;
}

#flow-002 .flow-flex001,
#flow-003 .flow-flex001,
#flow-004 .flow-flex001 {
 display: block;
}

#flow-002 .flow-flex001:before {
 clip-path: polygon(0 85%, 38.2% 85%, 38.2% 0, 61.8% 0, 61.8% 85%, 100% 85%, 50% 100%);
}

#flow-003 .flow-flex001:before {
 clip-path: polygon(0 80%, 38.2% 80%, 38.2% 0, 61.8% 0, 61.8% 80%, 100% 80%, 50% 100%);
}

#flow-004 .flow-flex001:before {
 clip-path: polygon(0 95%, 38.2% 95%, 38.2% 0, 61.8% 0, 61.8% 95%, 100% 95%, 50% 100%);
}

.f-txt004 {
 border: solid 1px #ccc;
 border-radius: 5px;
 background: linear-gradient(0deg, #eee, #fefefe);
 padding: 5px;
 font-size: 12px;
 font-weight: 600;
}

.color-red {
 color: #cc0000;
}

#flow-005 .flow-flex001:before {
 content: unset;
}

.f-txt005 {
 padding: 5px;
 border-radius: 5px;
 background-color: #fcbd92;
 border: solid 1px #cf621f;
 line-height: 1.0em;
 font-weight: 600;
}

.flow-flex002 p:last-child span {
 font-size: 0.8em;
}

.flow-flex002>div p {
 margin-bottom: 0 !important;
}

.flow-flex002 p:last-child {
 padding: 5px;
}

.flow-flex002>div {
 padding: 3px;
 background-color: #f4f4f4;
 border-radius: 5px;
 border: solid 1px #ececec;
}

#flow-006 h3 {
 margin-bottom: 0;
}

#flow-006 .pagecontent-text {
 padding: 10px;
 border-bottom: solid 1px #cccccc;
 border-left: solid 1px #cccccc;
 border-right: solid 1px #cccccc;
}

.flow-flex003 div dl dd {
 margin-bottom: 10px;
}

.flow-flex003 div dl dd span {
 white-space: nowrap;
}

@media only screen and (min-width: 768px) {
 .f-txt004 br {
  display: none;
 }

 .flow-flex002 {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100% !important;
  margin-bottom: 15px;
 }

 .flow-flex002>div {
  width: 33.333%;
 }

 .flow-flex003 {
  display: flex;
  justify-content: space-between;
  gap: 10px;
 }

 .flow-flex003>p {
  max-width: 300px;
  width: 47%;
 }

 .flow-flex003>div {
  width: 53%;
 }

 .flow-flex003 div dl {
  display: flex;
  flex-wrap: wrap;
 }

 .flow-flex003 div dl dt {
  width: 25%;
 }

 .flow-flex003 div dl dd {
  width: 75%;
 }
}

@media only screen and (max-width: 767px) {
 .flow-flex002 {
  display: block !important;
 }

 .flow-flex002,
 .flow-flex002>div>p {
  width: 100% !important;
 }

 .flow-flex002>div {
  margin-bottom: 10px;
 }
}

@media only screen and (min-width: 601px) {
 .flow-flex001 {
  display: flex;
  justify-content: center;
  gap: 10px;
 }

 .flow-flex001>div {
  width: 33.333%;
 }

 .flow-flex001>div p:first-child {
  margin-bottom: 25px;
 }

 .flow-flex001>div>p:first-child:after {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
 }
}

@media only screen and (max-width: 600px) {
 .flow-flex001>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }

 .flow-flex001>div p:first-child {
  width: 37.6%;
 }

 .flow-flex001>div p:last-child {
  width: 60%;
 }

 .f-txt001,
 .f-txt002,
 .f-txt003 {
  font-size: 12px;
 }

 .flow-flex001>div>p:first-child:after {
  border-top: 10px solid transparent;
  border-left: 10px solid #6ebdba;
  border-bottom: 10px solid transparent;
  border-right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11px;
 }
}

/* 会社概要 */
.mb0 {
 margin-bottom: 0;
}

.mw100 img {
 max-width: 100%;
 width: unset;
 margin-right: -1px;
}

.info-greeting {
 margin-bottom: 30px;
}

.page-template-page-company .ta-r.mb0.mw100 {
 border-left: solid 1px #e8e8e8;
 border-bottom: solid 1px #e8e8e8;
 border-right: solid 1px #e8e8e8;
 padding: 20px 0;
}

.info-profile {
 padding: 30px 10px;
 border: solid 5px #ede5c2;
 background-image: url(/wp-content/uploads/2026/09/can_dobg.png);
 background-repeat: repeat;
 margin-bottom: 30px;
}

.info-profile dl {
 margin-bottom: 0;
}

.info-profile dl dd:not(:last-child) {
 margin-bottom: 15px;
}

.m-btn {
 text-decoration: none;
 border-radius: 5px;
 padding: 0 10px;
 border: solid 1px #ccc;
 background: linear-gradient(0deg, #ccc, transparent);
 margin-left: 15px;
}

.page-template-page-company table,
.page-template-page-company table th,
.page-template-page-company table td {
 border: none !important;
}

.page-template-page-company #title02 span,
.page-template-page-company .info-bloc h3 {
 background-color: #65af7c;
 color: #026a2f;
 padding: 3px 10px;
 display: block;
 border-radius: 5px;
 border: unset;
 text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
 font-size: 22px;
 font-weight: normal;
}

.page-template-page-company .content-main-section,
.page-template-page-company .content-box {
 margin: 0;
}

.info-bloc dl dd:not(:last-child) {
 margin-bottom: 15px;
}

.info-bloc {
 border-radius: 5px;
 border: solid 1px #e8e8e8;
 padding: 5px;
 margin-bottom: 30px;
}

.info-bloc .info-flex,
.info-bloc dl {
 padding: 0 10px;
}

.page-template-page-company .clearfix.content-main-section {
 border-radius: 0 0 5px 5px;
 border-bottom: solid 1px #e8e8e8;
 border-right: solid 1px #e8e8e8;
 border-left: solid 1px #e8e8e8;
 margin-bottom: 30px;
}

.page-template-page-company #title02 {
 border-radius: 5px 5px 0 0;
 border-top: solid 1px #e8e8e8;
 border-right: solid 1px #e8e8e8;
 border-left: solid 1px #e8e8e8;
 border-bottom: unset;
 margin-bottom: 0;
 padding: 5px;
}

.info-flex {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 5px;
}

.info-flex>p {
 width: 23%;
}

.info-flex>div {
 width: 75%;
}

.col-or,
.col-or a {
 color: #e46c0a;
 font-weight: 600;
}

.info-nowrap span {
 white-space: nowrap;
}

@media only screen and (min-width: 601px) {
 .info-bloc dl {
  display: flex;
  flex-wrap: wrap;
 }

 .page-template-page-company table td,
 .info-bloc dl dd {
  width: 80%;
 }

 .page-template-page-company table th,
 .info-bloc dl dt {
  width: 20%;
 }
}

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

 .page-template-page-company table th,
 .page-template-page-company table td {
  display: block;
  width: 100%;
 }
}

/* お問い合わせ */
.form-group .col-sm-4 .txt-alert {
 margin-left: 10px;
 color: #cc0000 !important;
}

.form-group {
 padding: 0;
 border-bottom: unset !important;
 margin-bottom: 0;
}

.form-group:before,
.form-group:after {
 content: unset !important;
}

.form-group>p {
 margin-bottom: 0;
 margin: 2px;
}

.form-group .col-sm-4.control-label {
 background-color: #618f2a;
 color: #fff;
 padding: 15px 10px;
 display: block;
 float: unset;
 width: 100%;
 height: 100%;
}

.form-group .col-sm-8 {
 margin: 2px;
 padding: 10px;
 border: solid 1px #eee;
}

.form-group .col-sm-4.control-label.deep-green {
 background-color: #294902;
}

.form-group .col-sm-8.light-green {
 background-color: #cad4bd;
}

@media only screen and (min-width: 601px) {
 .form-group:not(.form-contact-confirm) {
  display: flex;
 }

 .form-group .col-sm-8 {
  width: 65%;
  float: none;
 }

 .form-group>p {
  width: 33%;
 }
}

@media only screen and (max-width: 600px) {
 .form-group .col-sm-8 {
  margin: 2px 2px 15px;
 }
}