@charset "UTF-8";

:root {
	--orange-color: #ff9600;
	--yellow-color: #f5d451;
	--green-color: #8fc954;
	--light-color: #f8f5ed;
   --hover-color: #fffaef;
   --scroll-height: min(47px, 4.7vw);
	--yu-min-cho: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    scroll-padding: var(--scroll-height);
}
html {
   font-size: 62.5%;
	scroll-behavior: smooth;
}
body {
	font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: min(1.8rem,1.8vw);
    color: #333;
    overflow-x: hidden;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.03em;
}
/*-----------------------------------------------------------
  Simple Sitemap
-----------------------------------------------------------*/
.simple-sitemap-container h3 { padding: 1rem 2rem; white-space: nowrap; font-size: 1.8rem; font-weight: 800 !important; background-color: transparent; border: none; }
.simple-sitemap-container.tab-enabled label { margin-bottom: -1px !important; background-color: #f4f4f4; } /* Default tab */
.simple-sitemap-container.tab-enabled input:checked + label > * { position: relative; z-index: 1; color: #664c00 !important; background-color: #fff; border: 1px solid #ddd; border-bottom: none; border-radius: 4px 4px 0 0; } /* Current tab */
.simple-sitemap-container.tab-enabled input:checked + label { background-color: initial !important; }
.simple-sitemap-wrap { padding: 0 0 2rem; }
.simple-sitemap-container ul { margin: 0 auto !important; width: 94%; }
.sitemap-item { margin: 3rem 0 0; }
.sitemap-item a { display: block; padding: 0.2rem 1rem; background: #faf8f2; border: 1px solid #cacaca; font-size: 1.7rem; text-align: left; }
.children .sitemap-item { margin: 1rem 0 0; }
.children .sitemap-item a { display: inline-block; width: 90%; font-size: 1.5rem; background: none; border: none; }
.children .sitemap-item a:before { content: '\f30b'; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #ccc; margin-right: 0.5rem; display: inline-block; }
.simple-sitemap-container ul.children { margin-left: 2rem !important; }
@media screen and (max-width: 600px) {
  .simple-sitemap-container.tab-enabled label { width: initial !important; }
  .simple-sitemap-container h3 { padding: 2vw; font-size: 1.6rem; }
}
/*-----------------------------------------------------------
	　 Inview.js
-----------------------------------------------------------*/
.--InviewFade { opacity: 0; /*表示前に透明にしておく */  transition: 0.1s; /*移動にかける時間 */ transition-delay: 0s; /*遅延をかける秒数 */ }
.--InviewFade.--InviewFadeUp { opacity: 0; /*表示前に透明にしておく */ transform: translateY(40px); /*表示前の位置 */ transition: 0.8s; /*移動にかける時間 */ transition-delay: 0.1s; /*遅延をかける秒数 */ }
.--InviewFade.--InviewFadeRight { opacity: 0; /*表示前に透明にしておく */ transform: translateX(20%); /*表示前の位置 */ transition: 0.8s; /*移動にかける時間 */ transition-delay: 0.1s; /*遅延をかける秒数 */ }
.--InviewFade.--InviewFadeLeft { opacity: 0; /*表示前に透明にしておく */ transform: translateX(-20%); /*表示前の位置 */ transition: 0.8s; /*移動にかける時間 */ transition-delay: 0.1s; /*遅延をかける秒数 */ }
.--InviewFade.is-show { opacity: 1; }
.--InviewFade.--InviewFadeUp.is-show { opacity: 1; transform: translateY(0); }
.--InviewFade.--InviewFadeRight.is-show { opacity: 1; transform: translateX(0); }
.--InviewFade.--InviewFadeLeft.is-show { opacity: 1; transform: translateX(0); }

/*-----------------------------------------------------------
  TinyMCEのマーカー
-----------------------------------------------------------*/
.yellow_marker {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFF88 0%) repeat scroll 0 0;
}
.red_marker {
    background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFABCE 0%) repeat scroll 0 0;
}
.blue_marker {
    background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #A7F1FF 0%) repeat scroll 0 0;
}
/*-----------------------------------------------------------
  ワードプレススタイル
-----------------------------------------------------------*/

  img.centered,
  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
  }

  img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
  }

  .alignright {
    float: right;
  }

  .alignleft {
    float: left;
  }

  .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .wp-caption {
    margin: 0px 10px;
  }

  .wp-caption p {
    margin: 5px 10px 20px 0px;
    text-align: center;
  }
/*-----------------------------------------------------------
  パンくずリスト
-----------------------------------------------------------*/
#breadcrumbs {
    font-size: min(1.2rem, 1.2vw);
    padding: min(15px, 1.5vw) 0;
}
/*-----------------------------------------------------------
  目次
-----------------------------------------------------------*/
#toc_container {
    line-height: 1.7em;
}
.page__content #toc_container li:before {
	content: none;
}
.page__content #toc_container li {
    font-size: inherit;
}
/*-----------------------------------------------------------
 ページナビ
-----------------------------------------------------------*/
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
    display: none;
}
.wp-pagenavi .current {
    display: inline-flex;
    background: var(--orange-color);
	 border-color: var(--orange-color)!important;
    color: #fff;
    width: 50px;
    height: 50px;
    place-content: center;
    align-items: center;
	 margin: 0 6px;
}
.wp-pagenavi .page.larger {
    border: 1px solid;
    width: 50px;
    height: 50px;
    display: inline-flex;
    place-content: center;
    align-items: center;
    text-decoration: none;
    box-sizing: border-box;
	  margin: 0 6px;
}
.wp-pagenavi .page.larger:hover,
.wp-pagenavi .page.smaller:hover{
    background-color: var(--hover-color);
}
/*-----------------------------------------------------------
  親子がある場合の一覧
-----------------------------------------------------------*/
.related-articles {
    padding: 50px 0 0 0;
}
.related-articles__box {
    border-left: 1px solid var(--orange-color);
    border-right: 1px solid var(--orange-color);
}
 .page_footer_contents.pc {
    margin-top: 40px;
}
.related-articles__parent {
    color: #fff;
    background: var(--orange-color);
    font-size: min(1.8rem, 1.7vw);
    font-weight: bold;
    padding: min(16px, 1.5vw) min(22px, 2vw);
}
.related-articles__child li a {
    padding: min(16px, 1.6vw) min(30px, 3vw);
    color: var(--orange-color);
    text-decoration: none;
    font-size: min(1.6rem, 1.6vw);
    display: flex;
    align-items: center;
    position: relative;
    gap: min(10px, 1vw);
    color: #333;
}
.related-articles__child li {
    border-bottom: 1px solid var(--orange-color);
    box-sizing: border-box;
}
.related-articles__child .children{
   border-top: 1px solid var(--orange-color);
}
.related-articles__child .children li:last-child {
    border-bottom: none;
}
.related-articles__child {
}
.related-articles__child .children a {
    padding-left: 3em;
}
.related-articles__child li a:before {
    content: " \f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--orange-color);
    font-size: 0.8em;
}
.related-articles__child li a:hover {
     background: var(--hover-color);
}
/*-----------------------------------------------------------
	　ページネーション
-----------------------------------------------------------*/
main ul.pagenation {
    border-top: 1px solid #efefef;
    text-align: center;
    margin: 40px 0;
    padding: 20px 0;
}
main .pagenation li {
    display: inline-block;
    padding: 0 5px;
}
main .pagenation li a {
    display: block;
    border: 1px solid var(--orange-color);
    padding: 12px 30px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    text-decoration: none;
}
main .pagenation li a:hover {
    background: var(--orange-color);
    color: #fff;
}
main .wp-pagenavi {
    margin: 60px 0 0;
    text-align: center;
    height: 40px;
}

/*-----------------------------------------------------------
	　共通クラス
-----------------------------------------------------------*/
.sub-page {
    width: min(1100px, 98%);
    margin: 0 auto min(70px, 7vw);
}
.sub-page h2:first-child {
    margin-top: 0;
}
#tinymce p, main p {
    line-height: 1.78;
    padding: 0.5em 0;
    font-size: min(1.8rem, 1.8vw);
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.br-pc {
    display: block;
}
a {
	color:var(--orange-color);
}
a:hover {
text-decoration: none;
}

img {
vertical-align: top;
    max-width: 100%;
  height: auto;
}
.hv:hover {
opacity: 0.7;
}
.hv {
  -webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;

}
.wrap {
	width: min(1100px, 96%);
	margin: 0 auto;
    z-index: 1;
}
.center {
    text-align: center;
}
.tel-num {
    display: flex;
    align-items: center;
    font-weight: 500;
}
.top-btn a {
    text-decoration: none;
    color: #fff;
    font-size: min(2.4rem, 2.4vw);
    width: min(577px, 57.7vw);
    height: min(65px, 6.5vw);
    display: flex;
    align-items: center;
    place-content: center;
    gap: min(10px, 1vw);
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    border-radius: 50px;
    background: var(--orange-color);
    background: linear-gradient(0deg, var(--orange-color), #ffaf51);
    font-weight: 900;
}
.top-btn__icon {
    display: block;
    width: min(20px, 2vw);
    height: min(20px, 2vw);
}
.top-btn__icon img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.single__content li,
.page__content li {
    padding: 0.4em 0;
    font-size: 1.7rem;
	 line-height: 1.5;
}
.page__content .simple-sitemap-container li {
    padding: 0;
    font-size: inherit;
}
.single__content li:before,
.page__content li:before {
	 content: '・';
    padding-right: 0.4em;
    color: var(--yellow-color);
}
.page__content .simple-sitemap-container li:before {
	content: none;
}

/*-----------------------------------------------------------
  執筆者
-----------------------------------------------------------*/
.writer {
    padding: 60px 0 0px;
    clear: both;
}
.writer__container {
    padding: 20px 25px 35px 25px;
    position: relative;
    border: 2px solid #083388;
}
.writer__title {
    text-align: center;
    color: #fff;
    position: absolute;
    background: #083388;
    font-size: min(1.7rem, 1.7vw);
    padding: 8px 21px;
    top: 0;
    left: -2px;
    transform: translateY(-100%);
}
.writer__katagaki {
    font-size: min(1.6rem, 1.6vw);
    margin: 0 0 10px 0;
    display: inline-block;
}
.writer__content {
    display: flex;
    gap: 40px;
    margin: 0 0 27px 0;
    border-bottom: 1px solid #e5e4df;
}
.writer__text {
    flex: 1;
}
.writer__image {
    width: 172px;
}
.writer__image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.writer__item-title {
    background: #ffaf24;
	color: #fff;
    width: 64px;
    display: grid;
    place-content: center;
    padding: 4px 0;
    font-size: min(1.2rem, 1.2vw);
}
.writer__item-text {
    flex: 1;
    font-size: min(1.6rem, 1.6vw);
    line-height: 1.5;
}
.writer__item-container {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin: 0 0 15px 0;
}
.writer__shozoku {
    display: block;
    padding: 0 0 min(13px, 1.3vw) 0;
	font-size: min(1.4rem, 1.4vw);
}
.writer__name {
    font-size: min(2.5rem, 2.5vw);
    font-weight: bold;
    margin: 0 0 0 min(20px, 2vw);
}
.writer__item {
    padding: 15px 0 0 0;
    border-top: 1px solid #e5e4df;
}
.writer__btn {
    width: min(292px, 29.2vw);
    font-size: min(1.8rem, 1.8vw);
    padding: min(15px, 1.5vw) 0;
}
/*-----------------------------------------------------------
	　見出し
-----------------------------------------------------------*/
h1 {
}
h2 {
	font-size: min(3rem, 3vw);
    position: relative;
    margin: min(30px, 3vw) 0;
    padding: min(17px, 1.7vw) min(20px, 2vw);
    background: var(--orange-color);
    color: #fff;
    clear: both;
}
h2:before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #ffd9a3;
    position: absolute;
    top: 4px;
	left: 0;
}
h2:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #ffd9a3;
    position: absolute;
    bottom: 4px;
	left: 0;
}
h3 {
    font-size: min(2.8rem, 2.8vw);
    margin: min(30px, 3vw) 0;
    font-weight: 600;
    padding: min(11px, 1.1vw) min(10px, 1vw);
    position: relative;
	color: var(--green-color);
	border-top: 1px solid;
	border-bottom: #c8c8c8 1px solid;
	clear: both;
}
 h4 {
    font-size: min(2.4rem, 2.4vw);
    margin: min(30px, 3vw) 0;
    padding: min(13px, 1.3vw);
    font-weight: 600;
    background: #f9f9f9;
    border-bottom: var(--yellow-color) 2px solid;
    clear: both;
}
h5 {
    font-size: min(2.2rem, 2.2vw);
    margin: min(30px, 3vw) 0;
    border-left: min(3px, 0.3vw) solid var(--orange-color);
    padding: min(4px, 0.4vw) min(12px, 1.2vw);
	font-weight: 600;
	clear: both;
}
 h6 {
    font-size: min(1.8rem, 1.8vw);
    margin: min(30px, 3vw) 0;
	font-weight: 600;
    background: var(--light-color);
    padding: min(19px, 1.9vw);
	clear: both;
}
main.top h2,
main.page-service h2 {
    background: inherit;
    text-align: center;
    font-size: min(3.5rem, 3.5vw);
    margin: 0;
    padding: 0;
    border: none;
    color: #333;
    font-weight: 900;
}
main.top h2:before,
main.page-service h2:before {
    content: none;
}
main.top h2:after,
main.page-service h2:after {
    content: '';
    display: block;
    background: var(--orange-color);
    height: min(5px, 0.5vw);
    width: min(46px, 4.6vw);
    margin: min(10px, 1vw) auto 0;
    position: inherit;
    bottom: inherit;
    left: inherit;
}
.page-title {
    box-sizing: border-box;
    position: relative;
    height: min(242px, 24.2vw);
    position: relative;
    background: linear-gradient(0deg, #fff4dd, #ffffff);
}
.page-title__h1 {
    font-size: min(3.2rem, 3.2vw);
    box-sizing: border-box;
    border: none;
    position: absolute;
    height: 100%;
    display: flex;
    margin: 0 auto;
    inset: 0;
    width: min(1100px, 95%);
    place-content: center;
    align-items: center;
}
/*-----------------------------------------------------------
	　ヘッダ、フッター
-----------------------------------------------------------*/
/* .header */
.header__inner {
    height: min(110px, 11vw);
    box-sizing: border-box;
    position: relative;
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: min(1100px, 96%);
    margin: 0 auto;
}
.header__catch {
	font-size: min(1.3rem, 1.3vw);
}
.header__title {
    width: min(445px, 44.5vw);
}
.header__office {
    font-size: min(1.3rem, 1.3vw);
}
.header__title-container {
    display: flex;
    flex-direction: column;
    gap: min(8px, 0.8vw);
}
.header__office {
    font-size: min(1.3rem, 1.2vw);
}
.header__contact {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.header__flow a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: min(1.3rem, 1.3vw);
    background: #d73700;
    border-radius: 100px;
    line-height: 1.55;
    display: block;
    padding: 0 min(40px, 4vw);
}
.header__tel-num {
    font-weight: bold;
    font-size: min(3.3rem, 3.3vw);
    gap: min(6px, 0.6vw);
}
.header__tel-num-icon {
    display: block;
    width: min(25px, 2.5vw);
    height: min(25px, 2.5vw);
}
.header__tel-hours {
    display: flex;
	align-items: center;
    gap: min(6px, 0.6vw);
    font-size: min(1.2rem, 1.2vw);
    font-weight: 500;
}
.header__tel-hours span {
    background: #fff8e8;
    display: block;
    padding: min(3px, 0.3vw) min(6px, 0.6vw);
}
/* footer */
footer {
	margin: 0 0 min(160px, 16vw) 0;
}
.footer-inner {
    background: var(--light-color);
    padding: min(50px, 5vw) 0 min(60px, 6vw);
    display: flex;
    flex-direction: column;
    gap: min(30px, 3vw);
}
.footer-menu__inner {
    display: flex;
    justify-content: space-between;
    width: min(1100px, 96%);
    margin: 0 auto;
}
.footer-menu .menu {
    display: flex;
    flex-direction: column;
    gap: min(8px, 0.8vw);
}
.footer-menu ul li {
    position: relative;
    line-height: 1.6;
}

.footer-menu ul li a {
    font-size: min(1.5rem, 1.5vw);
    text-decoration: none;
    position: relative;
    font-weight: normal;
    letter-spacing: 0;
	color: #333;
	display: flex;
	align-items: center;
	gap: min(10px, 1vw);
}
.footer-menu ul li a:before {
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--orange-color);
	font-size: 0.9em;
}
.footer-menu .sub-menu {
    margin: 10px 0 0 10px;
}
.footer-menu ul li a:hover {
      opacity: 0.7;
}
.footer-menu ul li:has(.sub-menu) > a {
    pointer-events: none;
}
.footer-office__inner {
    display: flex;
    aspect-ratio: 1100 / 358;
    background: #fff;
}
.footer-office__info {
    flex: 1;
    padding: min(20px, 2vw) min(55px, 5.5vw) 0 min(37px, 3.7vw);
    box-sizing: border-box;
}
.footer-office__info-title {
    color: #ff6405;
    font-weight: bold;
    font-size: min(2.1rem, 2vw);
	line-height: 1.29;
}
.footer-office__info-text {
    font-size: min(1.5rem, 1.5vw);
	line-height: 1.33;
	padding: min(10px, 1vw) 0 min(8px, 0.8vw);
}
.footer-office__info-access a {
    font-size: min(1.4rem, 1.4vw);
}
.footer-office__info-site-list {
    display: flex;
	justify-content: space-between;
    padding: min(15px, 1.5vw) 0 0 0;
}
.footer-office__info-site-item {
    width: 49%;
}
.footer-office__info-site-item a {
	display: block;
}
.footer-office__info-site-item figcaption {
    text-align: center;
    font-size: min(1.6rem, 1.5vw);
    padding: min(12px, 1.2vw) 0 0 0;
}
.footer-office__access {
    width: 43%;
}
.footer__site-info {
    background: #f09737;
	color: #fff;
}
.footer__site-info-inner {
	    height: min(155px, 15.5vw);
    box-sizing: border-box;
    padding: min(8px, 0.8vw) 0;
    position: relative;
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: min(1100px, 96%);
    margin: 0 auto;
}

.footer-info__title-catch {
    font-size: min(1.3rem, 1.3vw);
}
.footer-info__title {
    width: min(445px, 44.5vw);
    padding: min(5px, 0.5vw) 0;
}
.footer-info__office {
    font-size: min(1.3rem, 1.3vw);
	padding: 0 0 min(13px, 1.3vw) 0;
}
.footer-info__address {
	font-size: min(1.4rem, 1.4vw);
}
.footer__site-info-contact {
    text-align: center;
    box-sizing: border-box;
    margin: 0 min(50px, 4.5vw) 0 0;
    display: flex;
    flex-direction: column;
	gap: min(15px, 1.5vw);
    border: 1px solid #fff;
    border-radius: min(10px, 1vw);
    padding: min(20px, 2vw) min(25px, 2.5vw);
}
.footer__site-info-tel-num {
    font-size: min(4.6rem, 4.4vw);
    line-height: 1;
    display: flex;
    align-items: center;
    gap: min(12px, 1.2vw);
    color: #fff;
    font-weight: 900;
}
.footer__site-info-tel-num-icon {
    display: block;
    width: min(44px, 4.4vw);
    height: min(44px, 4.4vw);
}
.footer__site-info-tel-num-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer__site-info-tel-hours {
     box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(6px, 0.6vw);
    font-size: min(1.4rem, 1.4vw);
    font-weight: 500;
}
.footer__site-info-tel-hours span {
    background: #fff;
	color: #f09737;
    display: block;
	font-size: 0.86em;
    padding: min(2px, 0.2vw) min(10px, 1vw);
}
footer .copy {
    font-size: min(1.1rem, 1.1vw);
    padding: 15px 0;
    background: var(--yellow-color);
    text-align: center;
}
/* .floating-footer-pc */
.floating-footer-pc {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff4cd;
    background-image: repeating-linear-gradient(-45deg, #fff1c0, #fff1c0 4px, transparent 4px, transparent 8px);
    z-index: 9999;
}
.floating-footer-pc__inner {
    width: min(910px, 90%);
    margin: 0 auto;
    position: relative;
    aspect-ratio: 910 / 127;
}
.floating-footer-pc__title {
    text-align: center;
    background: var(--green-color);
    color: #fff;
    font-weight: bold;
    font-size: min(2rem, 2vw);
    border-radius: 50px;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    padding: min(6px, 0.6vw) min(30px, 3vw);
}
.floating-footer-pc__text {
    color: #846434;
    font-weight: bold;
	font-size: min(2.2rem, 2.1vw);
    padding: min(25px, 2.5vw) 0 0 0;
}
.floating-footer-pc__message {
	color: #757575;
    font-weight: 900;
	font-size: min(5rem, 4.8vw);
}
.floating-footer-pc__message-orange {
	color: var(--orange-color);
}
.floating-footer-pc__message-green {
	color: var(--green-color);
}
.floating-footer-pc__btn {
    position: absolute;
    bottom: min(15px, 1.5vw);
    right: 0;
}
.floating-footer-pc__btn a {
    text-decoration: none;
    color: #fff;
    font-size: min(1.8rem, 1.8vw);
    width: min(244px, 24.4vw);
    height: min(45px, 4.5vw);
    display: flex;
    align-items: center;
    place-content: space-evenly;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    border-radius: 20px;
    background: var(--orange-color);
    background: linear-gradient(0deg, var(--orange-color), #ffaf51);
    font-weight: 900;
}
.floating-footer-pc__btn a strong {
    font-size: 1.33em;
    font-weight: bold;
}
.floating-footer-pc__btn-title {
    display: flex;
    align-items: center;
}
.floating-footer-pc__btn-icon {
    display: block;
    width: min(20px, 2vw);
    height: min(20px, 2vw);
}
/*-----------------------------------------------------------
	　gn
-----------------------------------------------------------*/
.global-nav {
    background: var(--orange-color);
    z-index: 9999;
    position: sticky;
    top: 0;
}
.global-nav__list {
    display: flex;
    justify-content: center;
	width: min(1100px, 99%);
    margin: 0 auto;
}
.global-nav__list > li {
    flex: 1;
    text-align: center;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
	
}
.global-nav__list > li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #fff;
}
.global-nav__list > li:last-child:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #fff;
}
.global-nav__list > li > a {
    font-size: min(1.6rem, 1.5vw);
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: var(--scroll-height);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    letter-spacing: 0;
    color: #fff;
	position: relative;
}
.global-nav__list > li > a:hover {
    opacity: 0.7;
}
.global-nav .sub-menu {
    display: none;
    background-color: #3f3f3f;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    z-index: 2;
    min-width: 100%;
}

.global-nav .sub-menu li a {
    display: block;
    padding: min(10px, 1vw) min(10px, 1vw);
    color: #ffffff;
    font-size: min(1.4rem, 1.3vw);
    text-align: left;
    letter-spacing: -0.05em;
    text-decoration: none;
    font-weight: bold;
    white-space: pre;
}
footer .global-nav {
    background: var(--orange-color);
}
footer .global-nav__list > li a {
    color: #fff;
}
 @media (hover: hover) and (pointer: fine) {
.global-nav__list > li > a:hover:after {
	content: '';
	display: block;
	background: var(--orange-color);
	width: min(59px, 5.9vw);
	height: min(2px, 0.2vw);
	bottom: min(8px, 0.8vw);
    left: 50%;
    transform: translateX(-50%);
	position: absolute;
}
header + .global-nav .global-nav__list > li:hover .sub-menu {
  display:block;
  position: absolute;
}
.global-nav .sub-menu li a:hover {
    opacity: 0.7;
}
footer .global-nav__list > li a:hover:after {
    background: #fff;
}
}
  /*----------------------------------------------------
    テーブルデザイン
  ----------------------------------------------------*/
  table {
    font-size: inherit;
    font: 100%;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #e0e0e0;
    border-right-color: #e0e0e0;
  }

  table th {
    padding: 10px;
    border: 1px #e0e0e0 solid;
    border-width: 0 0 1px 1px;
    background: var(--light-color);
    vertical-align: middle;
	  font-size: min(1.8rem, 1.8vw);
	     font-weight: 500;
  }

  table td {
    padding: 10px;
    border: 1px #e0e0e0 solid;
    border-width: 0 0 1px 1px;
    background: #fff;
    font-size: min(1.8rem, 1.8vw);
    line-height: 1.5;
    vertical-align: middle;
  }
main table {
  margin-top: 10px;
  margin-bottom: 30px;
	width: 100%;
}
main table th {
  vertical-align: middle;
}

main table tr {
  vertical-align: middle;
}

main table td {
  vertical-align: middle;
}

/*-----------------------------------------------------------
	　TOP
-----------------------------------------------------------*/
/* .mv */
.mv {
    position: relative;
    background: linear-gradient(0deg, #fff4dd, #ffffff);
}
.mv__container {
    position: relative;
    width: min(1100px, 98%);
    height: min(498px, 47vw);
    margin: 0 auto;
}
.mv__title {
    padding: min(22px, 2vw) 0 min(33px, 3vw);
    font-size: min(3.5rem, 3.2vw);
    font-weight: 900;
    text-align: center;
}
.mv__title-orange {
    color: var(--orange-color);
}
.mv__title-green {
    color: var(--green-color);
	font-size: 1.95em;
}
.mv__title-middle {
    font-size: 1.21em;
}
.mv__title-large {
    font-size: 1.5em;
}
.mv__title-orange .mv__title-middle:first-child {
    margin: 0 0 0 max(-12px, -1.2vw);
}
.mv__title-orange .mv__title-middle:last-child {
    margin: 0 max(-12px, -1.2vw) 0 0;
}
.mv__strong {
    width: 40.7%;
}
.mv__strong-title {
    text-align: center;
    font-weight: bold;
    font-size: min(2.2rem, 2.2vw);
    background: linear-gradient(to right, #b3241a 0%, #e7333d 35%, #ed7177 50%, #e7333d 65%, #b3241a 100%);
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 96% 50%, 100% 100%, 0 100%, 4% 50%);
    padding: min(10px, 1vw) 0;
    position: relative;
    width: 95%;
    margin: 0 auto min(10px, 1vw);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);
}
.mv__strong-title:before {
    content: '';
    display: block;
    width: 100%;
	height: 2px;
    background: linear-gradient(to right, #b27a4d 0%, #e09875 35%, #f4c8a4 50%, #e09875 65%, #b27a4d 100%);
    color: #fff;
	top:3px;
	position:absolute;
}
.mv__strong-title:after {
    content: '';
    display: block;
    width: 100%;
	height: 2px;
    background: linear-gradient(to right, #b27a4d 0%, #e09875 35%, #f4c8a4 50%, #e09875 65%, #b27a4d 100%);
    color: #fff;
	bottom:3px;
	position:absolute;
}
.mv__strong-list {
    display: flex;
	flex-direction: column;
	gap: min(6px, 0.6vw);
}
.mv__strong-item {
    width: 100%;
    height: min(61px, 6.1vw);
    border-radius: 5px;
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, #ebebeb, #fff);
    border: 1px solid #b99560;
    border-right-width: min(13px, 1.3vw);
    box-sizing: border-box;
    gap: min(10px, 1vw);
    position: relative;
    padding: 0 0 0 min(10px, 1vw);
}
.mv__strong-item:after {
    content: '\f0da';
    font-family: Font Awesome\ 5 Free;
    display: block;
    top: 50%;
    right: max(-6px, -0.6vw);
    transform: translateX(50%) translateY(-50%);
    position: absolute;
    font-weight: bold;
    color: #fff;
    font-size: min(1.5rem, 1.5vw);
}
.mv__strong-item-num {
    width: min(34px, 3.4vw);
    height: min(34px, 3.4vw);
    position: relative;
}
.mv__strong-item-num-text {
    font-size: min(2.3rem, 2.3vw);
    font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
    color: #cca930;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.mv__strong-item:nth-child(2) .mv__strong-item-num-text {
    color: #7b7b7b;
}
.mv__strong-item:nth-child(3) .mv__strong-item-num-text {
    color: #9e6f2c;
}
.mv__strong-item:nth-child(4) .mv__strong-item-num-text {
    color: #94cb53;
}
.mv__strong-item-text {
    font-weight: bold;
    font-size: min(2rem, 2vw);
	flex: 1;
}
.mv__strong-item-text strong {
    color: #d73700;
	font-weight: bold;
}
.mv__image {
    position: absolute;
    bottom: 0;
    right: min(160px, 16vw);
    width: 43%;
}
.mv__image img {
    width: 100%;
	height: 100%;
	object-fit: contain;
}

.mv__fee {
    position: absolute;
    right: 0;
    top: min(130px, 13vw);
}
.mv__fee-inner {
    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: center;
    top: min(55px, 5.5vw);
    width: 100%;
    line-height: 1;
}
.mv__fee-title {
    font-weight: bold;
    font-size: min(2.2rem, 2vw);
    color: #9f8d5a;
}
.mv__fee-num {
    color: #d73700;
    font-weight: bold;
    font-size: min(3.1rem, 2.9vw);
}
.mv__fee-num strong {
    font-size: 1.6em;
    font-weight: bold;
}
.mv__fee-image {
    width: min(231px, 22vw);
}
.mv__fee-image img {
    width: 100%;
	height: 100%;
	object-fit: contain;
}

.mv__consultation {
    position: absolute;
    right: 0;
    bottom: min(20px, 2vw);
    background: #fff;
    border: min(3px, 0.3vw) solid var(--green-color);
    border-radius: min(10px, 1vw);
    display: flex;
    align-items: center;
	justify-content: space-between;
    box-sizing: border-box;
    width: 58.2%;
	padding: 0 min(15px, 1.3vw) 0 0;
}
.mv__consultation-title {
    background: var(--green-color);
    color: #fff;
    font-size: min(1.9rem, 1.7vw);
    font-weight: bold;
    text-align: center;
    height: min(72px, 7.2vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
	position: relative;
}
.mv__consultation-title:after {
	content: '';
	display: block;
    background: var(--green-color);
	width: min(10px, 1vw);
    height: min(20px, 2vw);
	top: 50%;
	right: 0;
	transform: translateX(100%) translateY(-50%);
	position: absolute;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.mv__consultation-title span {
	display: block;
}
.mv__consultation-num {
    display: flex;
    align-items: baseline;
    font-weight: bold;
    font-size: min(2.2rem, 2vw);
}
.mv__consultation-num strong {
    color: #d10000;
    font-weight: bold;
    font-size: 1.57em;
}
.mv__consultation-num-current {
    text-align: center;
    font-size: min(1.5rem, 1.4vw);
    color: #7c7c7c;
}
.mv__consultation-btn a {
    align-items: center;
    line-height: 1.1;
    text-align: center;
    font-weight: bold;
    font-size: min(1.9rem, 1.8vw);
    background: linear-gradient(0deg, var(--orange-color), #ffaf51);
    border-radius: min(10px, 1vw);
    display: flex;
    color: #fff;
    width: min(193px, 19.3vw);
    aspect-ratio: 193 / 56;
    justify-content: space-evenly;
	text-decoration: none;
}
.mv__consultation-btn-text {
    display: flex;
    flex-direction: column;
}
.mv__consultation-btn-text span {
	display: block;
}
.mv__consultation-btn-icon {
    display: block;
    width: min(15px, 1.5vw);
    height: min(15px, 1.5vw);
}
/* .consultation-banner */
.consultation-banner {
    background: var(--yellow-color);
	padding: min(57px, 5.7vw) 0;
}
.consultation-banner__container {
    width: min(1000px, 100%);
    aspect-ratio: 1000 / 238;
    margin: 0 auto;
}
.consultation-banner__container a {
    background: #fff;
    border: solid min(8px, 0.8vw) var(--orange-color);
    border-radius: min(20px, 2vw);
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    position: relative;
    height: 100%;
    width: 100%;
}
.consultation-banner__inner {
    display: flex;
    flex-direction: column;
    padding: min(8px, 0.8vw) 0 0 min(260px, 26vw);
    position: relative;
    height: 100%;
    box-sizing: border-box;
}
.consultation-banner__speech-bubble {
    color: var(--green-color);
    position: absolute;
    top: min(95px, 9.5vw);
    font-size: min(2.1rem, 2.1vw);
    font-weight: bold;
    border: solid 2px var(--green-color);
    border-radius: min(10px, 1vw);
	padding: min(8px, 0.8vw) min(10px, 1vw);
	background: #fff;
}
.consultation-banner__speech-bubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: min(30px, 3vw);
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent var(--green-color);
  translate: -50% -100%;
}

.consultation-banner__speech-bubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: min(30px, 3vw);
  border-style: solid;
  border-width: 0 7.8px 15.5px 7.8px;
  border-color: transparent transparent #fff;
  translate: -50% -100%;
}
.consultation-banner__message {
    display: grid;
    place-content: center;
    text-align: center;
    background: linear-gradient(0deg, #fffbd2, #fdfff7);
    border-radius: 200px;
    width: min(268px, 26.8vw);
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
    border: solid min(7px, 0.7vw) #b99560;
    color: #61615f;
    font-weight: 900;
    font-size: min(3rem, 2.9vw);
    position: absolute;
    top: max(-20px, -2vw);
    left: max(-20px, -2vw);
    line-height: 1.5;
}
.consultation-banner__message span {
    position: relative;
    z-index: 1;
    paint-order: stroke fill;
    -webkit-text-stroke: 3px #fff;
    stroke-linejoin: round;
    -webkit-stroke-linejoin: round;
    text-shadow: 0 0 3px #fff;
    font-size: 1.07em;
}
.consultation-banner__message span:after {
    content: '';
    display: block;
    width: 115%;
    height: 100%;
    background-image: url(/wp-content/uploads/2026/03/consultation-banner__message-line.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.consultation-banner__title {
    display: block;
    font-size: min(5.4rem, 5.2vw);
    font-weight: 900;
    color: #333;
}
.consultation-banner__title strong {
    color: var(--orange-color);
}
.consultation-banner__tel {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 min(70px, 7vw) min(8px, 0.8vw) auto;
}
.consultation-banner__tel-num-icon {
    width: min(32px, 3.2vw);
    height: min(32px, 3.2vw);
    display: block;
}
.consultation-banner__tel-num-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.consultation-banner__tel-num {
    font-size: min(4rem, 3.9vw);
    font-weight: 900;
    color: #333;
    gap: min(10px, 1vw);
}
.consultation-banner__tel-hours {
    display: flex;
    align-items: center;
    font-size: min(1.2rem, 1.2vw);
    color: #333;
    gap: min(8px, 0.8vw);
    justify-content: center;
    font-weight: 500;
}
.consultation-banner__tel-hours span {
	background: #fff8e8;
    display: block;
    padding: min(3px, 0.3vw) min(5px, 0.5vw);
}
.consultation-banner__btn {
    color: #fff;
    font-size: min(2.4rem, 2.3vw);
    width: min(517px, 51vw);
    height: min(49px, 4.8vw);
    display: flex;
    align-items: center;
    gap: min(40px, 4vw);
    padding: 0 0 0 min(105px, 10vw);
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    border-radius: 50px;
    background: var(--orange-color);
    background: linear-gradient(0deg, var(--orange-color), #ffaf51);
    font-weight: 900;
}
.consultation-banner__btn-icon {
    display: block;
    width: min(20px, 2vw);
    height: min(20px, 2vw);
}
/* support */
.support {
    padding: min(45px, 4.5vw) 0 min(65px, 6.5vw);
}
.support__list {
    display: flex;
    gap: min(40px,3.5vw);
    justify-content: center;
    padding: min(40px, 4vw) 0 min(30px, 3vw);
}
.support__item {
    background: #fff;
    box-sizing: border-box;
    position: relative;
    width: 29%;
}
.support__item-title-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(12px, 0.8vw);
    box-sizing: border-box;
    padding: 0 0 min(10px,1vw) 0;
}
.support__item-num {
    display: block;
    width: min(67px, 6.7vw);
    height: min(67px, 6.7vw);
}
.support__item-num img {
    width: 100%;
	height: 100%;
    object-fit: contain;
}
.support__item-inner a {
	text-decoration: none;
    border: min(3px, 0.3vw) solid #ff743d;
    border-radius: min(20px, 2vw);
    overflow: hidden;
    display: block;
    box-sizing: border-box;
}
.support__item:nth-child(2) .support__item-inner a {
    border-color: #8cad33;
}
.support__item:nth-child(3) .support__item-inner a {
    border-color: #8869cd;
}
.support__item-title {
    color: #333;
    font-weight: bold;
	font-size: min(3rem, 2.6vw);
    white-space: pre;
}

.support__item-sub-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: min(2.5rem, 2.3vw);
    background: #ff743d;
    font-weight: bold;
    padding: min(7px, 0.7vw) 0 min(10px, 1vw);
}
.support__item:nth-child(2) .support__item-sub-title {
    background: #8cad33;
}
.support__item:nth-child(3) .support__item-sub-title {
    background: #8869cd;
}
.support__item-text-container {
    background: #fff5e2;
    display: block;
    margin: min(32px, 3.2vw) auto 0;
    width: 94%;
    aspect-ratio: 295 / 252;
    position: relative;
    box-sizing: border-box;
    padding: min(135px, 12vw) 0 0 0;
	text-align: center;
}
.support__item-image {
    display: block;
    width: min(254px, 24vw);
    position: absolute;
    margin: auto;
    top: max(-28px, -2.5vw);
    left: 50%;
    transform: translateX(-50%);
}
.support__item-text {
    display: inline-grid;
    place-content: center;
    font-size: min(2rem, 1.7vw);
    line-height: 1.35;
    font-weight: 500;
    color: #676767;
    background: #fff;
    border-radius: min(10px, 1vw);
    margin: 0 auto;
    border: solid min(2px, 0.2vw) #f1b257;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    padding: min(10px, 0.9vw);
    letter-spacing: -0.01em;
    text-align: left;
}
.support__item-text:before {
    content: '';
    display: block;
    background: #fff;
    width: min(20px, 2vw);
    height: min(17px, 1.7vw);
    position: absolute;
    top: 0px;
    left: min(65px, 6vw);
    transform: translateX(-50%) translateY(-100%);
    clip-path: polygon(0 100%, 100% 0, calc( 100% - min(1px, 0.1vw)) 100%);
    z-index: 2;
}
.support__item-text:after {
    content: '';
    display: block;
    background: #f1b257;
    width: min(24px, 2.4vw);
    height: min(20px, 2vw);
    position: absolute;
    top: -1px;
    left: min(65px, 6vw);
    transform: translateX(-50%) translateY(-100%);
    clip-path: polygon(0 100%, 100% 0, calc( 100% - min(1px, 0.1vw)) 100%);
}
.support__item:nth-child(2) .support__item-text:after {
    background: #d0e1a2;
}
.support__item:nth-child(3) .support__item-text:after {
    background: #beb3d8;
}
.support__item:nth-child(2) .support__item-text {
    border-color: #d0e1a2;
}
.support__item:nth-child(3) .support__item-text {
    border-color: #beb3d8;
}
.support__item-text strong {
    color: #f3512b;
    font-weight: 500;
}
.support__item-message {
    display: block;
    text-align: center;
    font-size: min(3.5rem, 3.2vw);
    color: #333;
    font-weight: 900;
    line-height: 1.17;
	padding: min(10px, 1vw) 0;
    letter-spacing: -0.01em;
}
.support__item .new-line-pc {
    display: block;
}
.support__item-message strong {
    color: #f3512b;
}
.support__item-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(5px, 0.5vw);
    color: #fff;
    font-size: min(1.6rem, 1.5vw);
    background: #ff743d;
    font-weight: bold;
    line-height: 2;
}
.support__item:nth-child(2) .support__item-btn {
    background: #8cad33;
}
.support__item:nth-child(3) .support__item-btn {
    background: #8869cd;
}
.support__item-btn-icon {
    display: block;
    width: min(20px, 2vw);
    height: min(20px, 2vw);
}
.support__item-btn-icon img {
    width: 100%;
	height: 100%;
    object-fit: contain;
}
.support__arrow {
    display: block;
    margin: 0 auto min(35px, 3.5vw);
    background: linear-gradient(0deg, #ffbd70, #fff);
    width: 45%;
    aspect-ratio: 494 / 50;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/* .structure */
.structure {
    background: var(--light-color);
    padding: min(80px, 8vw) 0 min(75px, 7.5vw);
}
.structure__image {
    padding: min(40px, 4vw) 0 min(27px, 2.7vw) 0;
}
/* .request */
.request {
    padding: min(70px, 7vw) 0 min(60px, 6vw);
}
.request__list {
	display: flex;
    flex-wrap: wrap;
    gap: min(20px, 2vw) 2.6%;
    padding: min(35px, 3.5vw) 0 0 0;
}
.request__item {
    width: 31.6%;
    box-sizing: border-box;
    aspect-ratio: 347 / 187;
}
.request__item a {
    display: block;
    height: 100%;
    text-decoration: none;
    background: linear-gradient(0deg, #fffbe6, #ffffff);
    border: 1px solid var(--orange-color);
    position: relative;
    border-radius: min(8px, 0.8vw);
    overflow: hidden;
}
.request__item:last-child a {
    background: #e6c645;
    border: 1px solid #e6c645;
}
.request__item-icon {
    display: block;
    width: min(31px, 2.9vw);
    position: absolute;
    top: min(10px, 1vw);
    left: min(15px, 1.5vw);
}
.request__item-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.request__item-inner {
    display: grid;
    place-content: center;
    height: 100%;
}
.request__item-title {
    font-size: min(2.4rem, 2.1vw);
    font-weight: bold;
    text-align: center;
    color: #676767;
    line-height: 1.44;
    letter-spacing: -0.03em;
}
.request__item:last-child .request__item-title {
    color: #fff;
    padding: 0 min(15px, 1.5vw) 0 0;
}
.request__item-title strong {
    color: #ff751a;
	font-weight: bold;
}
.request__item-icon-chevron {
    display: block;
    width: min(27px, 2.5vw);
	height: min(27px, 2.5vw);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: min(40px, 4vw);
}
/* .problem */
.problem {
    background: var(--light-color);
    padding: min(63px, 6.3vw) 0 min(75px, 7.5vw);
}
.problem__container {
    border-radius: min(10px, 1vw);
    background: #fff5e2;
    border: min(2px, 0.2vw) solid #9c8b6a;
	overflow: hidden;
    box-sizing: border-box;
	margin: min(65px, 6.5vw) 0 0 0;
}
.problem__title {
    text-align: center;
    background: #9c8b6a;
    color: #fff;
    font-weight: 900;
    font-size: min(2.8rem, 2.6vw);
    letter-spacing: -0.03em;
    padding: min(17px, 1.7vw) 0 min(21px, 2.1vw);
}
.problem__title strong{
    color: #fff5ae;
    font-size: 1.2em;
}
.problem__list {
    display: flex;
    justify-content: space-between;
    padding: min(70px, 6.8vw) min(52px, 5vw) min(45px, 4.3vw) min(52px, 5vw);
}
.problem__item {
    width: 31.4%;
    aspect-ratio: 311 / 221;
}
.problem__item a {
    border-radius: min(10px, 1vw);
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    background: #fff;
    text-decoration: none;
    height: 100%;
    position: relative;
}
.problem__item-num {
    display: block;
    width: min(86px, 8vw);
    height: min(86px, 8vw);
    border-radius: 50px;
    position: absolute;
    top: 0%;
    left: min(13px, 1.3vw);
    transform: translateY(-50%);
}
.problem__item-num img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.problem__item-inner {
    display: flex;
    width: 100%;
    justify-content: center;

}
.problem__item-image {
    display: block;
    width: 24%;
    position: relative;
    z-index: 2;
}
.problem__item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.problem__item-title-container {
    display: grid;
    place-content: center;
    height: 100%;
    width: 66%;
}
.problem__item-title {
    color: #444;
    font-weight: bold;
    font-size: min(2.1rem, 1.8vw);
    text-align: center;
    line-height: 1.4;
    letter-spacing: -0.03em;
}
.problem__item-title .new-line-pc {
	display: block;
}
.problem__item-next {
    display: flex;
    align-items: center;
    place-content: center;
    gap: min(10px, 1vw);
    background: var(--orange-color);
    color: #fff;
    font-size: min(1.8rem, 1.7vw);
    width: 100%;
    height: min(53px, 5vw);
	border-radius: 0 0 min(10px, 1vw) min(10px, 1vw);
}
.problem__item-next-icon {
    display: block;
    width: min(19px, 1.9vw);
    height: min(19px, 1.9vw);
}
/* .risk */
.risk {
    padding: min(60px, 6vw) 0 min(55px, 5.5vw);
}
.risk__box {
	margin: min(60px, 6vw) 0 0 0;
}
.risk__box a {
	display: block;
    height: 100%;
    text-decoration: none;
    background: linear-gradient(0deg, #fffbe6, #ffffff);
    border: min(2px, 0.2vw) solid #000;
    position: relative;
}
.risk__inner {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 62%;
    height: 100%;
    box-sizing: border-box;
    padding: min(17px, 1.3vw) min(30px, 2.7vw) 0 0;
}
.risk__text {
    display: block;
    background: #fff;
    color: #333;
    font-weight: 900;
    font-size: min(2.8rem, 2.5vw);
    text-align: center;
    border-radius: min(10px, 1vw);
    width: 97%;
    line-height: 2;
}
.risk__title {
    color: #fff;
    font-weight: 900;
    font-size: min(4.2rem, 3.7vw);
    display: block;
    line-height: 1.15;
	padding: min(5px, 0.3vw) 0 min(12px, 1vw);
}
.risk__title strong {
    font-size: 1.36em;
}
.risk__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(10px, 1vw);
    background: var(--orange-color);
    color: #fff;
    font-size: min(1.8rem, 1.7vw);
    border-radius: 50px;
    width: min(213px, 21.3vw);
    aspect-ratio: 213 / 45;
    margin: 0 0 0 auto;
}
.risk__btn-icon {
    display: block;
    width: min(19px, 1.9vw);
    height: min(19px, 1.9vw);
}

/* .greeting */
.greeting {
    background: #fffbe6;
    padding: min(60px, 6vw) 0 min(70px, 7vw);
}
.greeting__image {
    margin: min(55.5px, 5.5vw) auto;
    width: 52.5%;
}
.greeting__inner {
    display: flex;
    flex-direction: column;
    gap: min(20px, 2vw);
    width: 90%;
    margin: auto;
}
.greeting__name {
    font-size: min(2.4rem, 2.4vw);
    font-weight: bold;
    color: #f06e37;
    line-height: 1.45;
}
.greeting__text {
    display: flex;
    flex-direction: column;
    gap: min(28px,2.8vw);
}
main .greeting__text p {
    line-height: 1.76;
    padding: 0;
    font-size: min(1.7rem, 1.6vw);
}
/* .archive-menu */
.archive-menu {
    padding: min(75px, 7.5vw) 0 min(40px, 4vw);
}
.archive-menu__list {
    display: flex;
    justify-content: space-between;
    padding: min(50px, 5vw) 0 0 0;
}
.archive-menu__item {
    width: 48.8%;
    aspect-ratio: 537 / 171;
}
.archive-menu__item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    padding: min(11px, 0.9vw) min(9px, 0.7vw) min(9px, 0.7vw) min(9px, 0.7vw);
    border-radius: min(10px, 1vw);
    position: relative;
}
.archive-menu__item-customer a {
	background: #eca09e;
}
.archive-menu__item-case a {
	background: #8bad33;
}
.archive-menu__item-message {
    font-weight: bold;
    display: block;
    text-align: center;
    color: #fff;
	letter-spacing: 0;
}
.archive-menu__item-customer .archive-menu__item-message {
    background: #eca09e;
    font-size: min(2.2rem, 1.9vw);
}
.archive-menu__item-customer .archive-menu__item-message strong {
    font-size: 1.29em;
	font-weight: bold;
}
.archive-menu__item-case .archive-menu__item-message {
    background: #8bad33;
    font-size: min(2rem, 1.8vw);
}
.archive-menu__item-case .archive-menu__item-message strong {
    font-size: 1.26em;
	font-weight: bold;
}
.archive-menu__item-inner {
    position: relative;
    display: block;
}
.archive-menu__item-image {
    display: block;
    height: 100%;
    border-radius: 0 0 min(8px, 0.8vw) min(8px, 0.8vw);
    overflow: hidden;
}
.archive-menu__item-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: end;
    flex-wrap: wrap;
    position: absolute;
    right: min(45px, 4vw);
    bottom: min(10px, 1vw);
}
.archive-menu__item-case .archive-menu__item-text {
    gap: min(10px, 1vw);
}
.archive-menu__item-title {
    display: flex;
    align-items: end;
}
.archive-menu__item-case .archive-menu__item-title {
    display: block;
    color: #5b5a5a;
    font-weight: bold;
    font-size: min(3rem, 2.8vw);
}
.archive-menu__item-customer .archive-menu__item-title strong {
    color: #fff;
    paint-order: stroke fill;
    -webkit-text-stroke: 7px #d8813c;
    stroke-linejoin: round;
    -webkit-stroke-linejoin: round;
    text-shadow: 0 0 7px #d8813c;
    font-size: min(3rem, 2.7vw);
	letter-spacing: 0.1em;
    margin: 0 0 min(8px, 0.6vw) 0;
}
.archive-menu__item-customer .archive-menu__item-title strong span {
    font-size: 1.18em;
}
.archive-menu__item-title-speech-bubble {
    display: inline-grid;
	position: relative;
	width: min(76px, 6.7vw);
    aspect-ratio: 1 / 1;
}
.archive-menu__item-title-speech-bubble-image {
    display: block;
}
.archive-menu__item-title-speech-bubble-text {
    color: #f37878;
    font-weight: bold;
    font-size: min(3.7rem, 3.4vw);
    position: absolute;
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
    left: min(2px, 0.2vw);
    top: max(-1px, -0.1vw);
}
.archive-menu__item-case .archive-menu__item-title span {
    font-size: 1.17em;
}
.archive-menu__item-case .archive-menu__item-title strong {
    font-size: 1.17em;
    color: #fff;
    paint-order: stroke fill;
    -webkit-text-stroke: 7px #8bad33;
    stroke-linejoin: round;
    -webkit-stroke-linejoin: round;
    text-shadow: 0 0 7px #8bad33;
    letter-spacing: 0.1em;
}
.archive-menu__btn {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #fff;
    font-size: min(1.6rem, 1.4vw);
    width: min(332px, 31vw);
    aspect-ratio: 332 / 29;
    gap: min(20px, 1.6vw);
    box-sizing: border-box;
    padding: 0 0 0 min(55px, 5vw);
}
.archive-menu__item-customer .archive-menu__btn {
	background: #d8813c;
}
.archive-menu__item-case .archive-menu__btn {
	background: #8cad33;
}
.archive-menu__btn-icon {
    display: block;
    width: min(19px, 1.8vw);
    height: min(19px, 1.8vw);
}
/* .qa */
.qa__container {
    border-radius: min(20px, 2vw);
    background: var(--light-color);
    border: min(3px, 0.3vw) solid var(--orange-color);
    overflow: hidden;
    padding: min(15px, 1.5vw) min(77px, 7vw) min(37px, 3.2vw) min(77px, 7vw);
    box-sizing: border-box;
}
main.top .qa h2 {
    font-size: min(2.8rem, 2.8vw);
}
.qa__title-inner {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: max(-12px, -1.2vw);
}
.qa__title-large {
    font-size: 1.6em;
}
.qa__title-medium {
    font-size: 1.46em;
}
main.top .qa h2 strong {
    font-size: 3em;
    color: var(--green-color);
}
main.top .qa h2:after {
    content: none;
}
.qa__list {
    display: flex;
    flex-direction: column;
    gap: min(30px, 3vw);
	padding: min(35px, 3.5vw) 0 min(45px, 4.5vw);
}
.qa__item {
    height: min(90px, 9vw);
}
.qa__item a {
	border-radius: min(10px, 1vw);
	border: min(3px, 0.3vw) solid var(--orange-color);
    display: flex;
    align-items: center;
	background: #fff;
	text-decoration: none;
	height: 100%;
	overflow: hidden;
	padding: 0 0 0 min(25px, 2.5vw);
}
.qa__item-num {
    display: grid;
    place-content: center;
    color: #5e4118;
    font-weight: bold;
    font-size: min(3rem, 3vw);
    width: min(51px, 5.1vw);
    height: min(51px, 5.1vw);
    border-radius: 50px;
    background: #ffc97d;
    outline: solid 2px #ffc97d;
    border: solid 3px #fff;
}
.qa__item-title {
    display: flex;
    flex: 1;
    color: #444;
    font-weight: bold;
    font-size: min(2.2rem, 2.2vw);
    padding: 0 0 0 min(23px, 2.3vw);
}
.qa__item-next {
    display: flex;
    align-items: center;
    place-content: center;
    gap: min(5px, 0.5vw);
    background: var(--orange-color);
    color: #fff;
    font-size: min(1.7rem, 1.7vw);
    height: 100%;
    width: 14%;
}
.qa__item-next:after {
    content: '\f0da';
    font-family: "Font Awesome 6 Free";
    display: block;
    font-weight: bold;
	font-size: 0.9em;
}
/* .feature */
.feature {
    padding: min(50px, 5vw) 0 min(35px, 3.5vw);
}
.feature__container {
    width: 91%;
    margin: min(50px, 5vw) auto 0;
}
.feature__list {
    display: flex;
    flex-direction: column;
    gap: min(30px, 3vw);
}
.feature__item {
    display: flex;
    flex-direction: column;
    gap: min(20px, 2vw);
}
.feature__item-title {
    text-align: center;
    font-weight: 900;
    color: var(--orange-color);
    font-size: min(2.8rem, 2.8vw);
    border-bottom: 2px solid var(--yellow-color);
    line-height: 1.75;
}
.feature__item-text {
    display: flex;
    flex-direction: column;
    gap: min(20px, 2vw);
}
main .feature__item-text p{
    font-size: min(1.6rem, 1.6vw);
    padding: 0;
    line-height: 1.44;
}
/*-----------------------------------------------------------
	　共通ブロック
-----------------------------------------------------------*/
/* contact-banner */
.contact-banner {
    padding: min(12px, 1.2vw) 0;
    background: var(--yellow-color);
    position: relative;
}
.contact-banner__container {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    width: min(1000px, 100%);
    margin: 0 auto;
	gap: min(25px, 2.5vw) 0;
}
.contact-banner__title {
	font-size: min(4rem, 3.8vw);
	font-weight: 900;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.contact-banner__title span {
    display: block;
    font-size: min(1.8rem, 1.7vw);
    font-weight: 500;
}
.contact-banner__btn {
    text-decoration: none;
    color: #333;
    width: 47.8%;
    aspect-ratio: 473 / 187;
}
.contact-banner__btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	text-decoration: none;
	color: #333;
	width: 100%;
    height: 100%;
	border-radius: min(15px, 1.5vw);
    background: #fff;
	box-sizing: border-box;
}
.contact-banner__tel {
}
.contact-banner__tel a {
	flex-direction: column;
}
.contact-banner__tel-title {
    font-size: min(1.7rem, 1.6vw);
    font-weight: 600;
    display: block;
}
.contact-banner__tel-num {
    font-size: min(5.1rem, 4.8vw);
    line-height: 1;
    display: flex;
    align-items: center;
    gap: min(10px, 0.7vw);
    justify-content: center;
    color: #e66432;
    font-weight: 900;
    padding: min(10px, 1vw) 0 min(20px, 2vw);
}
.contact-banner__tel-num-icon {
	display: block;
    width: min(43px, 4.1vw);
	height: min(43px, 4.1vw);
}
.contact-banner__tel-num-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contact-banner__tel-hour {
    display: block;
    font-size: min(1.4rem, 1.3vw);
}
.contact-banner__mail {
    height: 100%;
    display: flex;
    place-content: center;
    align-items: center;
}
.contact-banner__mail a {
	gap: min(20px, 2vw);
}
.contact-banner__mail-title {
    font-size: min(3rem, 2.8vw);
    display: block;
    line-height: 1.25;
    font-weight: 600;
}
.contact-banner__mail-icon {
    display: block;
    width: min(45px, 4.3vw);
	height: min(45px, 4.3vw);
}
.contact-banner__mail-icon img {
    width: 100%;
	height: 100%;
	object-fit: contain;
}
.contact-banner__message {
    text-align: center;
    font-size: min(4rem, 3.8vw);
    font-weight: 900;
    letter-spacing: 0.08em;
    width: 100%;
}
.contact-banner__message span {
    display: inline-block;
    padding: 0 min(85px, 8.5vw);
    position: relative;
}
.contact-banner__message span:before {
    content: '';
    display: block;
    background: #333;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    rotate: -25deg;
}
.contact-banner__message span:after {
    content: '';
    display: block;
    background: #333;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    rotate: 25deg;
}
/*-----------------------------------------------------------
	　archive
-----------------------------------------------------------*/
.archive__list {
    border-top: 1px solid #eee;
}
.archive__item {
    position: relative;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: min(20px, 2vw) 0;
}
.archive__item a {
    text-decoration: none;
}
.archive__item-image {
    width: 25%;
    aspect-ratio: 280 / 200;
    background: #eeeeee;
}
.archive__item-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.archive__item-inner {
    display: flex;
    gap: min(20px, 2vw);
}
.archive__item-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: min(15px, 1.5vw);
}
.archive__item-date {
    color:  #333;
    font-size: min(1.7rem, 1.7vw);
}
.archive__item-category-list {
    display: flex;
    gap: min(10px, 1vw);
}
.archive__item-category-item {
    color: var(--orange-color);
    font-size: min(1.3rem, 1.3vw);
    display: inline-flex;
    place-content: center;
    padding: min(5px, 0.5vw) min(15px, 1.5vw);
    border: 1px solid var(--orange-color);
}
.archive__item-title {
    font-size: min(2rem, 2vw);
    width: 100%;
	 color: #333;
	 font-weight: bold;
	 display: block;
	 line-height: 1.6;
}
.archive__item:hover {
     background-color: var(--hover-color);
 }
/*-----------------------------------------------------------
	　single
-----------------------------------------------------------*/
/*-----------------------------------------------------------
	　.main.page-404
-----------------------------------------------------------*/
main.page-404 {
    padding-bottom: 80px;
}
.page-404__main-text {
    text-align: center;
    font-size: 17.6rem;
    font-weight: bold;
    color: #d8d8d8;
}
.page-404__text {
    text-align: center;
    font-size: 2rem;
}
.page-404__search {
    text-align: center;
}
/*-----------------------------------------------------------
	　.main.page-search
-----------------------------------------------------------*/
.sub-page:has(.page-search) {
    margin-top: var(--header);
}
main.page-search {
    padding-bottom: 80px;
}
.page-search__list a {
    display: block;
    text-decoration: none !important;
    padding: 15px 0;
    border-bottom: 1px solid #e2e2e2;
}
.page-search__list a:hover {
	background: var(--hover-color);
}
/*-----------------------------------------------------------
  お問い合わせページ
-----------------------------------------------------------*/
.page-contact {
    padding: min(30px, 3vw) min(100px, 9vw);
}
.page-contact input[type="text"],
.page-contact input[type="email"],
.page-contact input[type="tel"],
.page-contact textarea {
	border: 1px solid #cecece;
	height: min(45px, 4.5vw);
	width: 100%;
    padding: min(10px, 1vw);
    box-sizing: border-box;
}
.page-contact input[type="date"],
.page-contact select {
    border: 1px solid #cecece;
    height: min(40px, 4vw);
    width: min(200px, 20vw);
    padding: min(10px, 1vw);
    box-sizing: border-box;
    margin: 0 min(10px, 1vw) 0 0;
}
.page-contact textarea {
	border: 1px solid #cecece;
	height: min(200px, 20vw);
}
.page-contact .page-contact__item-date-container input[type="date"],
.page-contact .page-contact__item-date-container input[type="text"] {
	width: min(181px, 18.1vw);
	font-size: min(1.8rem, 1.8vw);
}
main .page-contact table tr {
    display: flex;
    justify-content: space-between;
}
main .page-contact table th {
    display: flex;
    align-items: center;
    gap: min(10px, 1vw);
    font-weight: bold;
    width: 33%;
    box-sizing: border-box;
    padding: min(15px, 1.5vw);
}
main .page-contact table td {
    flex: 1;
    background: none;
    padding: min(15px, 1.5vw);
    box-sizing: border-box;
}

.page-contact .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: min(10px, 1vw);
}
.page-contact .wpcf7-list-item {
    margin: 0;
}
main .page-contact__item-title p {
    font-size: min(1.8rem, 1.8vw);
    font-weight: bold;
    padding: 0;
}
main .page-contact .required p {
    background: #eb0000;
    color: #fff;
    border-radius: 3px;
    font-size: 0.78em;
	font-weight: bold;
    display: grid;
    place-content: center;
    width: min(47px, 4.7vw);
    height: min(23px, 2.3vw);
    padding: 0;
}

main .page-contact .acceptance-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-contact__item-title-post-container p {
    display: flex;
    align-items: center;
    gap: min(15px, 1.5vw);
}
.page-contact__item-date-container p {
    display: flex;
    gap: min(15px, 1.5vw);
    align-items: center;
}
.page-contact .page-contact__item-post-code input[type="text"] {
	width: min(146px, 14.6vw);
}
.page-contact__submit {
    background: var(--orange-color);
    border-radius: 5px;
    border-bottom: 2px solid #787878;
    display: grid;
    place-content: center;
    width: min(329px, 32.9vw);
    height: min(63px, 6.3vw);
    box-sizing: border-box;
    margin: min(40px, 4vw) auto 0;
	position: relative;
}
.page-contact__submit input[type="submit"]{
    background: none;
    color: #333;
    font-weight: bold;
    font-size: min(2.2rem, 2.2vw);
    color: #fff;
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
	inset: 0;
    cursor: pointer;
}
.page-contact__submit .wpcf7-spinner {
    position: absolute;
}
main:has(.page-contact) > h2,
main:has(.page-contact-thanks) > h2{
	display: none;
}
body:has(.page-contact) .contact-banner {
	display: none;
}
body:has(.page-contact) .page-service .contact-banner {
	display: block;
}
main:has(.page-contact) .page_under01,
main:has(.page-contact-thanks) .page_under01{
    display: none;
}
main .page-contact .small p {
    font-size: 0.7em;
}
.page-contact__item-date {
    display: flex;
    align-items: center;
    gap: min(10px, 1vw);
}