@charset "UTF-8";

/* =====================================
■UNDER
===================================== */
/* -------------------------------------
CONTENT
------------------------------------- */
#content {
   min-height: 600px;
   position: relative;
}

.error404 #content {
   padding: 100px 0;
   text-align: center;
}

.under_content .container {
   background-color: #fff;
   margin-bottom: 80px;
   padding: 80px;
}

@media screen and (max-width: 1024px) {
   .under_content .container {
      padding: 8rem;
   }
}

@media screen and (max-width: 767px) {
   .under_content .container {
      margin-bottom: 5rem;
      padding: 5rem 3.2rem;
   }
}

/* -------------------------------------
textcolor
------------------------------------- */
.colorF {
   color: #203B75;
}

.txtColor {
   color: #22A7A6;
}

.txtLink {
   color: #F47F21 !important;
   font-weight: 500;
   text-decoration: underline !important;
   vertical-align: baseline;
}

.txtLink:hover {
   text-decoration: none !important;
}

.catchTit .elementor-heading-title {
   font-family: "Zen Old Mincho", serif;
   font-weight: 700;
   font-style: normal;
   font-size: 20px;
   line-height: 2;
   letter-spacing: 0.15em;
   color: #67594D;
   position: relative;
   word-break: break-all;
}

.columnTit .elementor-heading-title {
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 600;
   font-style: normal;
   font-size: 24px;
   letter-spacing: 0.16em;
   line-height: 1.4;
   color: #1C78B1;
}

.bgLine {
   background: linear-gradient(rgba(255, 243, 193, 0) 40%, #fff3c1 70%);
}

@media screen and (max-width: 767px) {
   .columnTit {
      font-size: 20px;
   }
}

/* -------------------------------------
Elementor
------------------------------------- */
/* general
------------------------------------- */
.elementor-section.elementor-section-boxed>.elementor-container {
   padding: 0;
}

#blogDetail .elementor-section.elementor-section-boxed>.elementor-container {
   padding: 0;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
   padding: 0;
}

/* 見出し
------------------------------------- */
.elementor-heading-title {
   padding: inherit;
   margin: inherit;
   line-height: inherit;
}

/* 画像ボックス
------------------------------------- */
.elementor-widget-image-box .elementor-image-box-wrapper {
   display: block !important;
}

.elementor-widget-image-box .elementor-image-box-content {
   text-align: left !important;
   word-break: break-all;
   white-space: pre-wrap;
}

div:not(.graphicBox) .elementor-image-box-title {
   font-family: "Zen Old Mincho", serif;
   font-weight: 700;
   font-style: normal;
   font-size: 20px;
   line-height: 2;
   letter-spacing: 0.15em;
   color: #67594D;
   margin-bottom: 20px;
   position: relative;
   overflow: hidden;
}

div:not(.graphicBox) .elementor-image-box-title .num {
   display: inline-block;
   vertical-align: top;
   width: 33px;
   height: 33px;
   background: #99bd49;
   border-radius: 50%;
   font-size: 20px;
   line-height: 33px;
   letter-spacing: 0;
   color: #fff;
   text-align: center;
   margin-right: 10px;
   margin-top: 2px;
}

div:not(.graphicBox) .elementor-image-box-img {
   display: block !important;
   width: 33% !important;
   float: right;
   margin: 0 0 15px 47px !important;
   text-align: right;
}

div:not(.graphicBox).img_l .elementor-image-box-img {
   float: left;
   margin: 0 47px 15px 0 !important;
}

div:not(.graphicBox).auto_width .elementor-image-box-img {
   width: auto !important;
}

div:not(.graphicBox) .elementor-widget-image .elementor-image a img {
   width: 100%;
}

div:not(.graphicBox) .elementor-widget-image .elementor-image>a:hover img,
div:not(.graphicBox) .elementor-widget-image .elementor-image figure>a:hover img {
   opacity: 0.8 !important;
}

figcaption.widget-image-caption.wp-caption-text {
   font-size: 14px;
   display: inline-block;
}

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

   div:not(.graphicBox) .elementor-image-box-img,
   div:not(.graphicBox).img_l .elementor-image-box-img {
      width: 100% !important;
      float: none;
      margin: 0 auto 30px !important;
      text-align: center;
   }
}

/* 画像ボックス--フリー
------------------------------------- */
.graphicBox .elementor-container,
.graphicBox .elementor-row,
.graphicBox .elementor-column,
.graphicBox .elementor-column-wrap,
.graphicBox .elementor-widget-wrap {
   display: block !important;
}

.graphicBox .photo {
   display: block !important;
   float: right;
   width: 33% !important;
   margin: 0 0 15px 47px !important;
   z-index: 1;
}

.img_l.graphicBox .photo {
   float: left;
   margin: 0 47px 15px 0 !important;
}

.auto_width.graphicBox .photo {
   width: auto !important;
}

.graphicBox .elementor-widget-image {
   text-align: right;
   position: relative;
}

.graphicBox .elementor-widget-image:before {
   position: absolute;
   content: "";
   width: 20px;
   height: 20px;
   background: url(/wp-content/uploads/img_bg01.png) no-repeat;
   background-size: cover;
   left: -5px;
   top: -5px;
}

.graphicBox .elementor-widget-image:after {
   position: absolute;
   content: "";
   width: 20px;
   height: 20px;
   background: url(/wp-content/uploads/img_bg02.png) no-repeat;
   background-size: cover;
   right: -5px;
   bottom: 0px;
}

.graphicBox .elementor-clearfix:after {
   display: none !important;
}

.graphicBox .context {
   width: auto !important;
}

.graphicBox .context .elementor-column-wrap,
.graphicBox .context .elementor-widget-wrap {
   width: auto;
}

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

   .graphicBox .photo,
   .img_l.graphicBox .photo {
      width: 100% !important;
      float: none;
      margin: 0 auto 30px !important;
   }

   .graphicBox .elementor-widget-image {
      text-align: center;
   }
}

/* ボタン
------------------------------------- */
.btn {
   display: block;
}

.btn a,
.btn .elementor-button {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   gap: 12px;
   max-width: 100%;
   min-width: 140px;
   height: 45px;
   background-color: #0B4089;
   color: #fff;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.5;
   border-radius: 50px;
   padding: 0 16px 0 24px;
}

.btn a:after,
.btn .elementor-button:after {
   content: '';
   display: block;
   width: 18px;
   height: 15px;
   background: url("../img/arrow-right-blue.webp") no-repeat center left 7px/5px auto;
   background-color: #fff;
   border-radius: 140px;
}

.btn a:hover,
.btn .elementor-button:hover {
   background-color: #000;
   opacity: 1;
}

.btn-wh .elementor-button,
.btn-wh a {
   background-color: #fff;
   color: #0B4089;
}

.btn-wh .elementor-button:after,
.btn-wh a:after {
   background-image: url("../img/arrow-right.webp");
   background-color: #0B4089;
}

/* アコーディオン
------------------------------------- */
.elementor-accordion .elementor-accordion-item {
   border: none;
}

.elementor-accordion .elementor-accordion-item:not(:last-child) {
   margin-bottom: 10px;
}

.elementor-accordion .elementor-tab-title {
   background: #E7E8E8;
   font-size: 25px;
   line-height: 1.56;
   letter-spacing: 0.1em;
   color: #717171;
   text-align: center;
   margin: 0;
   padding: 24px 70px 27px 20px;
   position: relative;
}

.elementor-accordion .elementor-tab-title:before {
   content: "";
   width: 3px;
   height: 21px;
   background: #429FC8;
   border-radius: 5px;
   position: absolute;
   right: 44px;
   top: 50%;
   margin-top: -10px;
}

.elementor-accordion .elementor-tab-title:after {
   content: "";
   width: 21px;
   height: 3px;
   background: #429FC8;
   border-radius: 5px;
   position: absolute;
   right: 35px;
   top: 50%;
   margin-top: -1px;
}

.elementor-accordion .elementor-tab-title.elementor-active:before {
   opacity: 0;
}

.elementor-accordion .elementor-tab-title a {
   color: #717171 !important;
}

.elementor-accordion .elementor-tab-content {
   padding: 28px 30px 26px;
   border: 5px solid #E7E8E8;
   border-top: none;
   background: #fff;
   text-align: center;
}

@media screen and (max-width: 767px) {
   .elementor-accordion .elementor-tab-title {
      font-size: 18px;
      padding: 15px 30px 18px 15px;
   }

   .elementor-accordion .elementor-tab-title:before {
      content: "";
      width: 2px;
      height: 12px;
      right: 15px;
      margin-top: -6px;
   }

   .elementor-accordion .elementor-tab-title:after {
      content: "";
      width: 12px;
      height: 2px;
      right: 10px;
   }

   .elementor-accordion .elementor-tab-content {
      padding: 20px;
   }
}

/* LightBox
--------------------------------------*/
.elementor-slideshow__header {
   box-sizing: border-box;
}

.elementor-lightbox .elementor-lightbox-image,
.elementor-lightbox .elementor-video-container {
   padding: 10px;
   background: #fff;
   box-sizing: border-box;
}

/* リスト
------------------------------------- */
.elementor-icon-list-items .elementor-icon-list-item a {
   display: inline;
   width: auto;
}

/* squareList */
.squareList .elementor-icon-list-items li,
ul.squareList>li {
   line-height: 1.5;
   text-align: left;
   padding: 0 0 0 28px;
   position: relative;
}

.squareList .elementor-icon-list-items li:not(:first-child),
ul.squareList>li:not(:first-child) {
   margin-top: 13px;
}

.squareList .elementor-icon-list-items li:before,
ul.squareList>li:before {
   content: "";
   width: 11px;
   height: 11px;
   background: #97B1DB;
   position: absolute;
   top: 9px;
   left: 0;
}

.squareList.orange .elementor-icon-list-items li:before,
ul.squareList.orange>li:before {
   background: #EFC659;
}

.squareList.gray .elementor-icon-list-items li:before,
ul.squareList.gray>li:before {
   background: #E8E8E8;
}

/* circleList */
.circleList .elementor-icon-list-items li,
ul.circleList>li {
   text-align: left;
   padding: 0 0 0 20px;
   position: relative;
}

.circleList .elementor-icon-list-items li:not(:first-child),
ul.circleList>li:not(:first-child) {
   margin-top: 5px;
}

.circleList .elementor-icon-list-items li:before,
ul.circleList>li:before {
   content: "";
   width: 10px;
   height: 10px;
   background: #1C3962;
   border-radius: 50%;
   position: absolute;
   top: 0.5em;
   left: 0;
}

/* circleListA */
.circleListA .elementor-icon-list-items li,
ul.circleListA>li {
   text-align: left;
   padding: 0 0 0 30px;
   position: relative;
}

.circleListA .elementor-icon-list-items li:not(:first-child),
ul.circleListA>li:not(:first-child) {
   margin-top: 5px;
}

.circleListA .elementor-icon-list-items li:before,
ul.circleListA>li:before {
   content: "";
   width: 17px;
   height: 17px;
   background: #fff;
   border: 4px solid #F47F21;
   border-radius: 50%;
   position: absolute;
   top: 7px;
   left: 0;
}

/* checkList */
.checkList .elementor-icon-list-items li,
ul.checkList>li {
   padding: 0 0 0 33px;
   position: relative;
}

.checkList .elementor-icon-list-items li:not(:first-child),
ul.checkList>li:not(:first-child) {
   margin-top: 6px;
}

.checkList .elementor-icon-list-items li:before,
ul.checkList>li:before {
   content: "";
   display: block;
   height: 21px;
   width: 21px;
   position: absolute;
   left: 0;
   top: 5px;
   box-sizing: border-box;
   background: #EBE9E7;
}

.checkList .elementor-icon-list-items li:after,
ul.checkList>li:after {
   content: "";
   display: block;
   width: 10px;
   height: 18px;
   border: solid #C8C6C3;
   border-width: 0 4px 4px 0;
   position: absolute;
   left: 9px !important;
   top: 3px;
   transform: rotate(45deg);
   box-sizing: border-box;
}

/* link_A */
.arrowListBox {
   background: #9AB1D0;
   padding: 50px 100px 30px;
   box-shadow: 0 6px 10px #ccc;
}

.arrowTit {
   font-size: 16px;
   font-weight: 600;
   color: #FF8838;
   margin-bottom: 15px;
}

.arrowList .elementor-icon-list-items {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   column-gap: 20px;
}

.arrowList .elementor-icon-list-items li {
   font-size: 15px;
   letter-spacing: 0.05em;
   line-height: 1.4;
   text-align: left;
   color: #22201E;
   width: calc((100% - 40px) /3);
   font-family: "hiragino-kaku-gothic-pron", sans-serif;
   font-weight: 300;
   font-style: normal;
   margin-bottom: 23px;
   position: relative;
}

/* .arrowList .elementor-icon-list-items li:before {
content: "";
width: 19px;
height: 19px;
background: #A09074;
border-radius: 50%;
position: absolute;
left: 0;
top: 8px;
transition: all 0.5s;
}
.arrowList .elementor-icon-list-items li:after {
content: "";
width: 6px;
height: 7px;
background: #fff;
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
position: absolute;
left: 7px !important;
top: 14px;
z-index: 2;
} */
.arrowList .elementor-icon-list-items li a {
   color: #22201E;
   text-decoration: none;
   width: 100%;
   background: #fff;
   border-radius: 30px;
   text-align: center;
   padding: 10px 25px 10px 15px;
   position: relative;
   font-size: 13.5px;
   letter-spacing: 0;
}

.arrowList .elementor-icon-list-items li a:before {
   position: absolute;
   content: "";
   width: 7px;
   height: 10px;
   background: url(/wp-content/uploads/under_icon01.png) no-repeat;
   background-size: cover;
   top: 43%;
   right: 12px;
}

.arrowList .elementor-icon-list-items li a:hover {
   text-decoration: none;
   opacity: 0.8;
}

.arrowList .elementor-icon-list-items li a>div {
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
}

@media screen and (max-width: 1132px) and (min-width: 768px) {
   .arrowList .elementor-icon-list-items li {
      width: calc((100% - 40px) / 3);
   }
}

/* .arrowList .elementor-icon-list-items li a:hover:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
} */
/* 番号リスト */
.numList .elementor-icon-list-items,
ul.numList {
   counter-reset: li;
}

.numList .elementor-icon-list-items li,
ul.numList>li {
   font-weight: 400;
   padding: 3px 0 3px 40px;
   position: relative;
}

.numList .elementor-icon-list-items li:not(:first-child),
ul.numList>li:not(:first-child) {
   margin-top: 5px;
}

.numList .elementor-icon-list-items li:before,
ul.numList>li:before {
   display: block;
   content: counter(li, decimal);
   counter-increment: li;
   width: 28px;
   height: 28px;
   background: #524B44;
   border-radius: 50%;
   font-weight: 400;
   font-size: 18px;
   line-height: 25px;
   letter-spacing: 0;
   color: #fff;
   text-align: center;
   position: absolute;
   left: 0;
   top: 0.4em;
}

.column2List .elementor-icon-list-items li {
   display: inline-block !important;
   width: 48.5%;
   box-sizing: border-box;
   padding-right: 10px !important;
   vertical-align: top;
}

.column3List .elementor-icon-list-items li {
   display: inline-block !important;
   width: 31.5%;
   box-sizing: border-box;
   padding-right: 10px !important;
   vertical-align: top;
}

.columnList .elementor-icon-list-items li {
   display: inline-block !important;
   width: auto;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 20px !important;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
   .arrowListBox {
      padding: 35px 30px;
   }

   .arrowList .elementor-icon-list-items li:nth-child(6) {
      width: 32%;
   }
}

@media screen and (max-width: 767px) {
   .arrowListBox {
      padding: 20px 25px;
   }

   .arrowList .elementor-icon-list-items li {
      width: 100%;
      margin: 5px 0;
   }

   .column2List .elementor-icon-list-items li,
   .column3List .elementor-icon-list-items li,
   .columnList .elementor-icon-list-items li {
      display: block !important;
      width: 100%;
      padding-right: 0 !important;
      margin: 0 !important;
   }
}

/* flow
------------------------------------- */
.flowList .elementor-inner-section {
   position: relative;
   background: #fff;
   border-radius: 10px;
}

.flowList .elementor-inner-section:not(:last-child) {
   margin-bottom: 55px;
}

.flowList .elementor-inner-section:not(:last-child):after {
   content: "";
   border-left: 25px solid transparent;
   border-right: 25px solid transparent;
   border-top: 26px solid #0B4089;
   position: absolute;
   left: 50%;
   bottom: -26px;
   transform: translateX(-50%);
}

.flowList .elementor-image-box-title {
   font-size: 20px;
   line-height: 1.5;
   letter-spacing: 0.05em;
   color: #0B4089;
   margin-bottom: 25px;
   position: relative;
}

.flowList .flowTit {
   font-size: 24px;
   line-height: 1.4;
   padding-bottom: 10px;
   color: #0B4089;
   letter-spacing: 3px;
   font-weight: 600;
   font-style: normal;
}

.flowList .txt {
   background: #fff;
   border: 1px solid #BEDAFF;
   padding: 18px 13px;
}

.flowList .graphicBox .photo .elementor-widget:not(:last-child) {
   margin-bottom: 0;
}

.flowList .graphicBox .photo img {
   border-radius: 0 10px 10px 0;
}

.flowList .graphicBox .photo {
   margin-bottom: 0 !important;
   width: 40% !important;
}

.flowList .elementor-inner-section>.elementor-container {
   background-color: #F2F8FD;
   padding: 30px;
}

.flowList .graphicBox .photo {
   margin-bottom: 0 !important;
}

.flowList .graphicBox .context {
   padding-left: 80px;
}

@media screen and (max-width: 767px) {
   .flowList .flowTit {
      font-size: 18px;
   }

   .flowList .elementor-inner-section:before {
      width: 70px;
      height: 70px;
      left: -40px;
      z-index: 1;
   }

   .flowList .graphicBox .context {
      padding-left: 0;
      padding: 0 20px 20px !important;
   }

   .flowList .elementor-inner-section>.elementor-container {
      padding: 3rem;
   }
}

/* flow_A */
.flowListA .elementor-inner-section {
   background: #EDF7FF;
   font-weight: 400;
   padding: 35px 40px 35px 44px;
   position: relative;
}

.flowListA .elementor-inner-section:not(:last-child) {
   margin-bottom: 35px;
}

.flowListA .elementor-inner-section:not(:last-child):after {
   content: "";
   border-left: 25px solid transparent;
   border-right: 25px solid transparent;
   border-top: 25px solid #5D7F9A;
   position: absolute;
   left: 50%;
   bottom: -25px;
   transform: translateX(-50%);
}

.flowListA .elementor-inner-section.arrowNone {
   margin-bottom: 0;
}

.flowListA .elementor-inner-section.arrowNone:after {
   display: none;
}

.flowListA .elementor-widget-heading,
.flowListA .elementor-image-box-title {
   font-weight: 600;
   font-size: 20px;
   letter-spacing: 0.06em;
   line-height: 1.6;
   color: #22201E;
   padding-left: 43px;
   text-indent: -43px;
   position: relative;
}

.flowListA .elementor-image-box-img,
.flowListA .graphicBox .elementor-widget-image {
   margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
   .flowListA .elementor-inner-section {
      padding: 20px;
   }
}

/* QA
------------------------------------- */
/* qa_E */
.qaList .txt {
   width: calc(100% - 56px);
   box-sizing: border-box;
   position: relative;
}

.qaList .question {
   line-height: 2;
   background: #F2F8FD;
   position: relative;
   padding: 16px;
   cursor: pointer;
}

.qaList .question>.elementor-container {
   gap: 16px;
}

.qaList .question:before {
   position: absolute;
   content: "";
   width: 52px;
   height: 21px;
   background: url(/wp-content/uploads/general_icon01.png) no-repeat;
   background-size: cover;
   bottom: -20px;
   left: 50%;
   transform: translate(-50%);
}

.qaList .question .num {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 24px;
   line-height: 1;
   letter-spacing: 0;
   background-color: #153469;
   color: #fff;
   text-align: center;
}

.qaList .question .txt {
   padding-right: 32px;
}

.qaList .question .txt:after {
   content: '';
   width: 26px;
   height: 26px;
   background: url("../img/icons/icon-arrow-down.webp") no-repeat center top/cover;
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%) rotate(0deg);
   transition: all 0.3s;
}

.qaList .question .txt .elementor-heading-title {
   font-weight: 600;
   font-size: 18px;
   letter-spacing: 0;
   line-height: 1.6;
   color: #153469;
}

.qaList .answer {
   display: none;
   position: relative;
   padding: 16px;
}

.qaList .answer>.elementor-container {
   gap: 16px;
}

.qaList .answer .num {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 24px;
   line-height: 1;
   letter-spacing: 0;
   border: 1px solid #153469;
   color: #153469;
   text-align: center;
}

.qaList .answer .txt {
   padding-top: 8px;
}

.qaList .elementor-container.elementor-column-gap-default {
   position: relative;
}

.qaList .elementor-column.is-active .question .txt:after {
   transform: translateY(-50%) rotate(-180deg);
}

/* qa_G */
.qaListG .question {
   position: relative;
   margin-bottom: 15px;
   line-height: 1.6;
}

.qaListG .answer {
   position: relative;
}

.qaListG .num {
   width: 46px;
}

.qaListG .question .num .elementor-widget-heading {
   font-size: 18px;
   font-weight: bold;
   color: #fff;
   background: #006AB8;
   width: 46px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   border-radius: 50%;
}

.qaListG .answer .num .elementor-widget-heading {
   font-size: 18px;
   font-weight: bold;
   color: #006AB8;
   background: #EFF3F9;
   width: 46px;
   height: 46px;
   line-height: 46px;
   text-align: center;
   border-radius: 50%;
}

.qaListG .question .txt {
   font-size: 20px;
   width: calc(100% - 46px);
   padding-left: 40px;
}

.qaListG .answer .txt {
   width: calc(100% - 46px);
   padding-right: 40px;
}

.qaListG .question .txt .elementor-widget-heading {
   color: #FFF;
   background: #006ab8;
   padding: 16px 20px;
   border-radius: 5px;
}

.qaListG .question .txt .elementor-widget-heading:before {
   content: "";
   border-right: 20px solid #006ab8;
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   position: absolute;
   left: -20px;
   top: 50%;
   margin-top: -12px;
}

.qaListG .answer .txt .elementor-widget-text-editor {
   background: #EFF3F9;
   padding: 16px 20px;
   border-radius: 5px;
}

.qaListG .answer .txt .elementor-widget-text-editor:before {
   content: "";
   border-left: 20px solid #EFF3F9;
   border-top: 12px solid transparent;
   border-bottom: 12px solid transparent;
   position: absolute;
   right: -20px;
   top: 50%;
   margin-top: -12px;
}

/* -------------------------------------
地図
------------------------------------- */
.map {
   position: relative;
   width: 100%;
   padding-top: 481px;
}

.map iframe {
   position: absolute;
   top: 0;
   right: 0;
   width: 100% !important;
   height: 100% !important;
   border: none;
}

/* -------------------------------------
Youtube
------------------------------------- */
.youtube {
   position: relative;
   padding-top: 56.25%;
}

.youtube iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

/* -------------------------------------
Youtube
------------------------------------- */
.calendar {
   position: relative;
   padding-top: 75%;
}

.calendar iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

@media screen and (max-width: 767px) {
   .calendar {
      padding-top: 100%;
   }
}

/* -------------------------------------
診療時間表
------------------------------------- */
/* 診療時間表A
------------------------------------- */
table.timetableA {
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.timetableA th,
.timetableA td {
   font-size: 20px;
   font-weight: 400;
   line-height: 1;
   letter-spacing: 0;
   color: #67594D;
   text-align: center;
   vertical-align: middle;
   padding: 24px 0;
   border-bottom: 1px solid #384045;
}

.timetableA thead th {
   background: #9F9074;
   font-size: 16px;
   color: #fff;
   padding: 10px 0 11px;
   vertical-align: bottom;
   border-left: 1px solid #C8C8C8;
}

.timetableA thead th:first-child {
   width: 26%;
   font-size: 18px;
   letter-spacing: 0.15em;
   text-align: left;
   padding-left: 26px;
   border-left: none;
}

.timetableA tbody th {
   letter-spacing: 0.05em;
   color: #384045;
   word-break: keep-all;
   white-space: nowrap;
   text-align: left;
   padding-left: 25px;
}

.timetableA tbody td {
   border-left: 1px solid #C8C8C8;
}

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

   .timetableA th,
   .timetableA td {
      font-size: 13px;
      padding: 15px 0 16px;
   }

   .timetableA thead th {
      font-size: 12px;
      padding: 7px 0 8px;
   }

   .timetableA thead th:first-child {
      width: 31.25%;
      font-size: 12px;
      letter-spacing: 0.02em;
      padding-left: 8px;
   }

   .timetableA tbody th {
      font-size: 14px;
      letter-spacing: 0;
      padding-left: 8px;
   }
}

@media screen and (max-width: 374px) {
   .timetableA thead th:first-child {
      width: 35%;
   }
}

/* 診療時間表B
------------------------------------- */
table.timetableB {
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
   margin-bottom: 5px;
}

.timetableB th,
.timetableB td {
   font-size: 16px;
   line-height: 1;
   letter-spacing: 0;
   text-align: center;
   vertical-align: middle;
   padding: 16px 0;
   border-bottom: 1px solid #CBCAC9;
}

.timetableB thead th {
   background: #229CDD;
   color: #fff;
   padding: 20px 0;
   vertical-align: bottom;
}

.timetableB thead th:first-child {
   width: 25%;
   font-size: 18px;
   letter-spacing: 0.15em;
   text-align: left;
   padding-left: 24px;
}

.timetableB tbody th {
   text-align: left;
   word-break: keep-all;
   white-space: nowrap;
   padding-left: 24px;
}

.timetableB tbody td {
   color: #50CECB;
}

.timetableB tbody td.holiday {
   color: #22201E;
}

.timetableB tbody tr:first-child th,
.timetableB tbody tr:first-child td {
   padding-top: 30px;
}

.timetableB tbody tr:last-child th,
.timetableB tbody tr:last-child td {
   padding-bottom: 30px;
}

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

   .timetableB th,
   .timetableB td {
      font-size: 14px;
      padding: 12px 0;
   }

   .timetableB thead th {
      padding: 15px 0;
   }

   .timetableB thead th:first-child {
      width: 32%;
      font-size: 16px;
      padding-left: 10px;
   }

   .timetableB tbody th {
      letter-spacing: 0.05em;
      padding-left: 10px;
   }

   .timetableB tbody tr:first-child th,
   .timetableB tbody tr:first-child td {
      padding-top: 25px;
   }

   .timetableB tbody tr:last-child th,
   .timetableB tbody tr:last-child td {
      padding-bottom: 25px;
   }
}

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

   .timetableB th,
   .timetableB td {
      font-size: 12px;
   }

   .timetableB thead th:first-child {
      font-size: 14px;
   }

   .timetableB tbody th {
      letter-spacing: 0;
   }

   .tips {
      font-size: 15px;
   }
}

/* 診療時間表C
------------------------------------- */
table.timetableC {
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.timetableC th,
.timetableC td {
   vertical-align: top;
   border-bottom: 1px solid #B0CBE6;
   font-weight: 400;
   font-size: 16px;
   line-height: 1;
   text-align: center;
   padding: 16px 0;
}

.timetableC th:first-child {
   width: 20%;
}

.timetableC thead th {
   color: #3A506E;
   border-top: 1px solid #B0CBE6;
}

.timetableC thead th:first-child {
   font-weight: 500;
}

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

   .timetableC td,
   .timetableC th {
      font-size: 15px;
   }

   .timetableC th:first-child {
      width: 35%;
      font-size: 16px;
   }
}

/*--------------------------------------
table_A
--------------------------------------*/
.table_A th,
.table_A td {
   font-size: 18px;
   font-weight: 400;
   letter-spacing: 0.05em;
   line-height: 1.56;
   vertical-align: top;
   word-break: break-all;
   padding: 11px 15px;
}

.table_A th {
   width: 30%;
   border-bottom: 1px solid #524B44;
}

.table_A td {
   border-bottom: 1px solid #CBCAC9;
}

.table_A tr:first-child th,
.table_A tr:first-child td {
   padding-top: 0;
}

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

   .table_A th,
   .table_A td {
      font-size: 16px;
      padding: 10px 5px;
   }
}

/*--------------------------------------
table_B
--------------------------------------*/
.table_B th,
.table_B td {
   font-size: 16px;
   line-height: 1.75;
   vertical-align: top;
   word-break: break-all;
   padding: 16px 0 15px 15px;
}

.table_B th {
   width: 25%;
   background-image: linear-gradient(to right, #487FD5 0%, #487FD5 100%);
   background-size: 1px 1px;
   background-repeat: repeat-x;
   background-position: left bottom;
}

.table_B td {
   background-image: linear-gradient(to right, #CBCAC9 0%, #CBCAC9 50%, #fff 0%);
   background-size: 5px 1px;
   background-repeat: repeat-x;
   background-position: left bottom;
}

.table_B tr:first-child th,
.table_B tr:first-child td {
   padding-top: 0;
}

.table_B td ul li {
   padding-left: 16px;
   text-indent: -16px;
}

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

   .table_B th,
   .table_B td {
      font-size: 14px;
      line-height: 1.5;
      padding: 11px 0 10px 5px;
   }

   .table_B th {
      width: 34%;
   }

   .table_B td ul li {
      padding-left: 14px;
      text-indent: -14px;
   }
}

/*--------------------------------------
* table_D
--------------------------------------*/
.table_D th,
.table_D td {
   vertical-align: middle;
   border: 1px solid #CCCCCC;
   padding: 9px 15px;
   box-sizing: border-box;
}

.table_D thead th {
   background: #A09074;
   color: #fff;
}

.table_D tbody th {
   width: 35%;
   background: #F9F9F9;
   font-weight: 600;
   text-align: center;
}

.table_D tbody td {
   background: #ffffff;
}

.scroll_area {
   width: 100%;
   overflow-x: auto;
}

.scroll_area table {
   width: 1080px;
}

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

   .table_D th,
   .table_D td {
      font-size: 14px;
      padding: 5px;
   }
}

@media screen and (max-width: 374px) {
   .table_D tbody th {
      width: 34%;
   }
}

/*--------------------------------------
ボックス
--------------------------------------*/
/*　frame タイトル
--------------------------------------*/
.frameTit .elementor-heading-title {
   font-weight: 600;
   font-size: 20px;
   letter-spacing: 0.06em;
   line-height: 1.6;
   color: #22201E;
   border-bottom: 2px solid #CBCAC9;
   padding-bottom: 15px;
   padding-left: 29px;
   position: relative;
   z-index: 2;
}

.frameTit .elementor-heading-title:before {
   content: "";
   width: 15px;
   height: 15px;
   position: absolute;
   left: 0;
   top: 0.5em;
}

.frameJ .frameTit .elementor-heading-title:before {
   background: #5D7F9A;
}

.frameK .frameTit .elementor-heading-title:before {
   background: #22A7A6;
}

.frameL .frameTit .elementor-heading-title:before {
   background: linear-gradient(180deg, #A79548 0%, #C7B564 100%);
}

@media screen and (max-width: 767px) {
   .frameTit .elementor-heading-title {
      font-size: 18px;
   }
}

/*　frame_J
--------------------------------------*/
.frameJ {
   padding: 38px 45px 40px;
   border: 2px solid #5D7F9A;
}

/*　frame_K
--------------------------------------*/
.frameK {
   padding: 38px 55px 40px;
   background: #F2F7F7;
   font-size: 15px;
}

/*　frame_L
--------------------------------------*/
.frameL {
   padding: 38px 55px 40px;
   background: #FFF !important;
   border: 1px solid #A09074;
   font-size: 15px;
}

.frameL.nobt {
   border-top: none;
}

.frameL.nobb {
   border-bottom: none;
}

/*　画像
--------------------------------------*/
.frameJ .graphicBox .elementor-widget-image,
.frameK .graphicBox .elementor-widget-image,
.graphicBox .frameJ .elementor-widget-image,
.graphicBox .frameK .elementor-widget-image {
   width: auto !important;
   max-width: 200px;
}

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

   .frameJ,
   .frameK,
   .frameL {
      padding: 35px;
   }
}

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

   .frameJ,
   .frameK,
   .frameL {
      padding: 20px;
   }
}

/*--------------------------------------
style_box
--------------------------------------*/
.style_box {
   border: 20px solid #a08271;
}

.style_title {
   font-size: 28px;
   line-height: 1.4;
   letter-spacing: 0.1em;
   color: #a08271;
   border-bottom: 5px solid #a08271;
   padding: 25px 20px;
   text-align: center;
}

.style_box .inner {
   padding: 35px;
}

.style_box .inner .title {
   font-size: 24px;
   line-height: 1.3;
   letter-spacing: 0.1em;
   color: #75654c;
   padding: 0 0 15px;
   border-bottom: 2px solid #a08271;
   position: relative;
}

@media screen and (max-width: 767px) {
   .style_box {
      border: 10px solid #a08271;
   }

   .style_title {
      font-size: 25px;
   }

   .style_box .inner {
      padding: 20px;
   }
}

/*--------------------------------------
before after
--------------------------------------*/
.before_after {
   position: relative;
}

.before_after:before {
   display: block;
   content: "";
   border-left: 14px solid #6fba2c;
   border-bottom: 20px solid transparent;
   border-top: 20px solid transparent;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -20px;
   margin-left: -7px;
}

.before_after li {
   float: left;
   width: 46%;
   position: relative;
   text-align: center;
   margin-left: 8%;
}

.before_after li:first-child {
   margin: 0;
}

@media screen and (max-width: 767px) {
   .before_after:before {
      border-left: 20px solid transparent;
      border-top: 14px solid #6fba2c;
      border-right: 20px solid transparent;
      border-bottom: none;
      margin-top: -6px;
      margin-left: -20px;
   }

   .before_after li {
      float: none;
      width: 100%;
      margin-top: 50px;
      margin-left: 0;
   }
}

/*--------------------------------------
* anchorlinks
--------------------------------------*/
.anchorLinks {
   background: #F8F6F1;
   padding: 30px 6%;
}

.anchorLinks ul li {
   display: inline-block !important;
   margin: 10px 0 !important;
   padding: 0 10px !important;
   vertical-align: top !important;
   box-sizing: border-box;
   /*    width: 24.5%; */
}

.anchorLinks ul li a {
   display: inline-block !important;
   padding: 0 0 0 20px;
   font-size: 18px;
   line-height: 1.4;
   color: #22201E;
   position: relative;
   /*    text-align: center; */
   -webkit-transition: background-color .5s ease;
   transition: background-color .5s ease;
   text-decoration: underline;
}

.anchorLinks ul li a:hover {
   text-decoration: none;
}

.anchorLinks ul li a:after {
   content: "";
   width: 10px;
   height: 10px;
   border-top: 3px solid #A6958D;
   border-right: 3px solid #A6958D;
   transform: rotate(45deg);
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -5px;
   z-index: 1;
}

/* @media screen and (max-width: 1060px) and (min-width: 768px) {
.anchorLinks ul li {
width: 49.5% !important;
}
} */
@media screen and (max-width: 767px) {
   .anchorLinks {
      padding: 25px 15px;
   }

   .anchorLinks ul li a {
      font-size: 16px;
   }

   /*    .anchorLinks li {
   width: 49% !important;
} */
}

@media screen and (max-width: 480px) {
   .anchorLinks li {
      width: 100% !important;
      display: block !important;
      margin: 5px 0;
   }
}

/*--------------------------------------
Photo
--------------------------------------*/
.gallery .elementor-inner-section:not(:last-child) {
   margin-bottom: 35px;
}

.gallery .pic {
   margin-bottom: 20px;
}

.gallery .heading {
   margin-bottom: 15px;
}

.gallery .elementor-heading-title {
   font-weight: 500;
   font-size: 20px;
   letter-spacing: 0.15em;
   line-height: 1.6;
   text-align: center;
   color: #67594D;
}

.gallery .txt {
   font-size: 15px;
}

/* 3列
--------------------------------------*/
.gallery_3column .elementor-inner-section>.elementor-container>.elementor-row {
   row-gap: 35px;
   column-gap: 30px;
}

/* 4列
--------------------------------------*/
.gallery_4column .elementor-inner-section>.elementor-container>.elementor-row {
   row-gap: 35px;
   column-gap: 22px;
}

@media screen and (min-width: 768px) {
   .gallery .elementor-inner-section>.elementor-container>.elementor-row {
      flex-wrap: nowrap;
   }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
   .gallery .elementor-heading-title {
      font-size: 18px;
      letter-spacing: 0.1em;
   }

   /* 3列
  --------------------------------------*/
   .gallery_3column .elementor-inner-section>.elementor-container>.elementor-row {
      column-gap: 22px;
   }
}

/* =====================================
■ブログ
===================================== */
/*--------------------------------------
POSTS
--------------------------------------*/
#posts {
   float: left;
   width: 65%;
}

#blogDetail,
#blogList {
   margin-top: 40px;
   margin-bottom: 0px;
   min-height: 850px;
}

#posts .summary {
   font-size: 20px;
   line-height: 1.5;
   margin-bottom: 60px;
}

/*　blogList　*/
.posts_list li {
   margin-bottom: 30px;
   position: relative;
}

.posts_list li a {
   display: grid;
   grid-template-columns: 155px 1fr;
   gap: 0 30px;
   align-items: center;
   font-weight: 600;
   font-style: normal;
   font-size: 18px;
   line-height: 1.6;
   letter-spacing: 0.05em;
   color: #454545;
   text-decoration: underline;
}

.posts_list li a:hover {
   text-decoration: none;
}

.posts_list li .post-image {
   position: relative;
   overflow: hidden;
   height: 85px;
   grid-row: 1 / 3;
   grid-column: 1 / 2;
   align-self: start;
}

.posts_list li .post-image .images {
   display: block;
   width: 100%;
   height: 100%;
}

.posts_list li .post-image .images span {
   display: block;
   width: 100%;
   height: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   transform: scale(1);
   transition: ease-in-out .2s;
}

.posts_list li .post-image .images span.noimage {
   background-image: url("../img/no-image.webp");
}

.posts_list li a:hover .post-image span {
   transform: scale(1.1);
}

.posts_list li .post-image .images span.noimage {
   line-height: 0;
   text-indent: 100%;
   overflow: hidden;
}

.posts_list h3 {
   grid-row: 1 / 2;
   grid-column: 2 / 3;
   font-weight: 600;
}

.posts_list .date {
   grid-row: 2 / 3;
   grid-column: 2 / 3;
}

.posts_list .excerpt {
   font-size: 14px;
   line-height: 1.43;
   margin-bottom: 13px;
   color: #6F6F74;
}

/*　blogDetail　*/
#blogDetail .post {
   font-size: 14px;
   line-height: 1.7;
   padding-bottom: 35px;
}

#blogDetail .post-header {
   padding: 0px;
   margin-bottom: 25px;
}

#blogDetail .post-header h1 {
   font-weight: 500;
   font-style: normal;
   font-size: 29px;
   line-height: 1.3;
   letter-spacing: 0.05em;
   color: #22201E;
}

#blogDetail .post-header .post-meta {
   margin-bottom: 30px;
}

#blogDetail .post-header .post-meta li.date {
   margin-top: 20px;
}

.post .date span,
.posts_list .date span {
   margin-left: 10px;
}

.post .date span:before,
.posts_list .date span:before {
   font-size: 9px;
   margin-right: 5px;
}

.post .date span a,
.posts_list .date span a {
   color: #A2CAFF;
   vertical-align: baseline;
}

.post .date span a:hover,
.posts_list .date span a:hover {
   text-decoration: underline;
}

.post-content {
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

div#blogDetail .post-content .images {
   margin-bottom: 50px;
}

div#blogDetail .post-content img {
   width: auto;
   height: auto;
   box-sizing: border-box;
}

#blogDetail .post-content h2 {
   background: #5D7F9A;
   font-weight: 600;
   font-size: 32px;
   letter-spacing: 0.12em;
   line-height: 1.56;
   color: #fff;
   padding: 22px 35px 28px;
   margin-bottom: 30px;
   position: relative;
}

#blogDetail .post-content h3 {
   font-weight: 600;
   font-size: 28px;
   line-height: 1.4;
   letter-spacing: 0.12em;
   color: #22201E;
   border-bottom: 2px solid #5D7F9A;
   padding-bottom: 22px;
   margin-bottom: 20px;
   position: relative;
}

#blogDetail .post-content h4 {
   font-weight: 600;
   font-size: 24px;
   line-height: 1.4;
   letter-spacing: 0.1em;
   color: #22201E;
   padding: 7px 0 10px 30px;
   margin-bottom: 20px;
   position: relative;
   z-index: 2;
}

#blogDetail .post-content h4:before {
   content: "";
   width: 9px;
   height: 50%;
   background: #91AABE;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
}

#blogDetail .post-content h4:after {
   content: "";
   width: 9px;
   height: 100%;
   background: #5D7F9A;
   position: absolute;
   left: 0;
   top: 0;
}

#posts .contributor {
   font-size: 12px;
   font-weight: 500;
   line-height: 1;
   color: #999999;
   text-align: right;
}

.bloginfo_box {
   display: table;
   width: 100%;
   background: #EBE9E7;
   margin-top: 60px;
   display: none !important;
}

.bloginfo_box .blog_name {
   display: table-cell;
   width: 60%;
   border-right: 1px solid #BFBEBD;
   box-sizing: border-box;
   padding: 29px 25px;
   vertical-align: middle;
}

.bloginfo_box .blog_name .icon-blog {
   display: block;
   position: relative;
   padding-left: 25px;
   font-size: 16px;
   color: #373431;
   line-height: 1.6;
}

.bloginfo_box .blog_name .icon-blog:before {
   display: block;
   font-size: 15px;
   color: #A6958D;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -8px;
}

.bloginfo_box .share_btn {
   display: table-cell;
   width: 40%;
   padding: 30px 10px;
   box-sizing: border-box;
   text-align: center;
   vertical-align: middle;
}

.bloginfo_box .share_btn li {
   display: inline-block;
   margin: 0 5px;
   vertical-align: middle;
}

.bloginfo_box .share_btn li a {
   display: block;
   overflow: hidden;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   font-size: 0;
   line-height: 1;
}

.bloginfo_box .share_btn li a:before {
   color: #fff;
}

.bloginfo_box .share_btn .icon-facebook {
   background: #4967A3;
}

.bloginfo_box .share_btn .icon-facebook:hover {
   background: #587cc1;
}

.bloginfo_box .share_btn .icon-facebook:before {
   font-size: 26px;
   margin-top: 12px;
}

.bloginfo_box .share_btn .icon-line {
   background: #18BC01;
}

.bloginfo_box .share_btn .icon-line:hover {
   background: #1cde00;
}

.bloginfo_box .share_btn .icon-line:before {
   font-size: 29px;
   margin-top: 11px;
}

.bloginfo_box .share_btn .icon-twitter {
   background: #11BBEF;
}

.bloginfo_box .share_btn .icon-twitter:hover {
   background: #13C7FE;
}

.bloginfo_box .share_btn .icon-twitter:before {
   font-size: 24px;
   margin-top: 14px;
}

.bloginfo_box .share_btn .icon-google {
   background: #E05C4F;
}

.bloginfo_box .share_btn .icon-google:hover {
   background: #fb7468;
}

.bloginfo_box .share_btn .icon-google:before {
   font-size: 20px;
   margin-top: 15px;
}

/* navigation */
.navigation {
   overflow: hidden;
   margin-top: 52px;
}

.navigation:after {
   content: "";
   display: table;
   clear: both;
}

.navigation .prev {
   float: left;
   width: 100px;
}

.navigation .next {
   float: right;
   width: 100px;
}

.navigation a {
   display: block;
   width: 100%;
   height: 40px;
   font-weight: 600;
   font-style: normal;
   font-size: 14px;
   background: #CBCAC9;
   color: #22201E;
   line-height: 40px;
   letter-spacing: 0.1em;
   border-radius: 5px;
   position: relative;
   text-align: center;
   box-sizing: border-box;
   font-weight: bold;
}

.navigation a:hover {
   background: #153469;
   color: #fff;
}

.navigation .prev a span {
   padding-left: 8px;
}

.navigation .next a span {
   padding-right: 8px;
}

.navigation .prev a span:before {
   display: block;
   position: absolute;
   left: 8px;
   top: 50%;
   margin-top: -5px;
   font-size: 10px;
}

.navigation .next a span:before {
   display: block;
   position: absolute;
   right: 8px;
   top: 50%;
   margin-top: -5px;
   font-size: 10px;
}

.navigation ul {
   display: flex;
   max-width: 200px;
   margin: 0 auto;
}

.navigation li {
   display: flex;
   margin: 0 1px 0 2px;
   width: 30px;
}

/* pagination */
.pagination {
   overflow: hidden;
   position: relative;
   padding-top: 52px;
}

.pagination ul {
   text-align: center;
}

.pagination ul li {
   display: inline-block;
}

.pagination ul li a,
.pagination ul li span.dots {
   display: block;
   min-width: 30px;
   height: 40px;
   font-weight: 600;
   font-style: normal;
   font-size: 16px;
   background: #CBCAC9;
   color: #22201E;
   line-height: 40px;
   letter-spacing: 0.1em;
   border-radius: 5px;
   position: relative;
   text-align: center;
   box-sizing: border-box;
}

.pagination ul li span.dots {
   background: none;
}

.pagination ul li a:hover {
   background: #153469;
   color: #fff;
}

.pagination ul li span.current {
   display: block;
   min-width: 30px;
   height: 40px;
   font-weight: 600;
   font-style: normal;
   font-size: 16px;
   background: #153469;
   color: #fff;
   line-height: 40px;
   letter-spacing: 0.1em;
   border-radius: 4px;
   position: relative;
   text-align: center;
   box-sizing: border-box;
}

.pagination ul li .prev {
   display: block;
   width: 100px;
   font-size: 14px;
   position: absolute;
   left: 0;
   top: 52px;
   padding-left: 8px;
   box-sizing: border-box;
}

.pagination ul li .next {
   display: block;
   width: 100px;
   font-size: 14px;
   position: absolute;
   right: 0;
   top: 52px;
   padding-right: 8px;
   box-sizing: border-box;
   font-weight: bold;
}

.pagination ul li .prev span:before {
   display: block;
   position: absolute;
   left: 8px;
   top: 50%;
   margin-top: -5px;
   font-size: 10px;
}

.pagination ul li .next span:before {
   display: block;
   position: absolute;
   right: 8px;
   top: 50%;
   margin-top: -5px;
   font-size: 10px;
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
   .bloginfo_box .share_btn li {
      margin: 0 3px;
   }

   .bloginfo_box .share_btn li a {
      width: 40px;
      height: 40px;
   }

   .bloginfo_box .share_btn .icon-facebook:before {
      font-size: 22px;
      margin-top: 9px;
   }

   .bloginfo_box .share_btn .icon-line:before {
      font-size: 25px;
      margin-top: 8px;
   }

   .bloginfo_box .share_btn .icon-twitter:before {
      font-size: 20px;
      margin-top: 11px;
   }

   .bloginfo_box .share_btn .icon-google:before {
      font-size: 16px;
      margin-top: 12px;
   }
}

@media screen and (max-width: 767px) {
   #posts {
      float: none;
      width: 100%;
   }

   #posts .summary {
      font-size: 17px;
   }

   .posts_list li a {
      grid-template-columns: 120px 1fr;
      gap: 0 15px;
      font-size: 15px;
   }

   .posts_list li .post-image {
      height: 62px;
   }

   #blogDetail .post-header {
      margin-bottom: 20px;
   }

   #blogDetail .post-header h1 {
      font-size: 24px;
   }

   #blogDetail .post-content h2 {
      font-size: 28px;
      padding: 16px 18px 22px 23px;
   }

   #blogDetail .post-content h3 {
      font-size: 24px;
      padding-bottom: 15px;
   }

   #blogDetail .post-content h4 {
      font-size: 22px;
      padding: 5px 0 8px 20px;
   }

   #blogDetail .post-content h4:before,
   #blogDetail .post-content h4:after {
      width: 6px;
   }

   #blogDetail .post-header li.category,
   #blogDetail .post-header .post-meta li.date {
      float: none;
   }

   .bloginfo_box {
      display: block;
   }

   .bloginfo_box .blog_name {
      display: block;
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #BFBEBD;
      box-sizing: border-box;
      padding: 20px;
      text-align: center;
   }

   .bloginfo_box .blog_name .icon-blog {
      display: inline-block;
      text-align: left;
   }

   .bloginfo_box .share_btn {
      display: block;
      width: 100%;
      padding: 20px 10px;
      box-sizing: border-box;
   }

   .navigation {
      margin-top: 35px;
   }

   .navigation ul {
      clear: both;
      padding-top: 20px;
   }

   .pagination {
      padding-top: 95px;
   }

   .pagination ul li .prev,
   .pagination ul li .next {
      top: 30px;
      width: 48%;
   }
}

@media screen and (max-width: 480px) {
   .posts_list li {
      float: none;
      width: 100%;
      margin-left: 0;
   }

   #blogDetail .post-header h1 {
      font-size: 22px;
      line-height: 1.4;
   }
}

/*--------------------------------------
BLOGSIDE
--------------------------------------*/
.blogside {
   float: right;
   width: 28%;
}

.blogside h2.widgettitle {
   display: none;
}

.blogside h2 {
   font-size: 18px;
   font-weight: 600;
   letter-spacing: 0.1em;
   line-height: 1;
   padding-bottom: 9px;
   margin-bottom: 24px;
   color: #22201E;
   border-bottom: 2px solid #22201E;
}

.blogside h2 span {
   font-size: 14px;
   letter-spacing: 0;
   vertical-align: middle;
   color: #72706E;
   display: inline-block;
   margin-left: 10px;
}

.blogside .searchBox {
   margin-bottom: 40px;
}

.blogside .searchBox label {
   display: none;
}

.blogside .searchBox #searchform {
   position: relative;
}

.blogside .searchBox #s {
   background: #EBE9E7;
   border: none;
   height: 55px;
   width: 100%;
   padding: 0 40px 0 14px;
   box-sizing: border-box;
   color: #72706E;
   font-size: 13px;
}

.blogside .searchBox .icon-search:before {
   position: absolute;
   right: 16px;
   top: 50%;
   margin-top: -8px;
   color: #2F2D2B;
}

.blogside .searchBox #searchsubmit {
   background: none;
   border: none;
   position: absolute;
   right: 16px;
   width: 15px;
   height: 15px;
   top: 50%;
   margin-top: -8px;
   font-size: 0;
   cursor: pointer;
}

.blogside .categoryBox {
   margin-bottom: 50px;
}

.blogside .categoryBox ul li {
   border-bottom: 1px solid #CBCAC9;
   padding-bottom: 16px;
   margin-bottom: 18px;
}

.blogside .categoryBox ul li:last-child {
   margin-bottom: 0;
}

.blogside .categoryBox ul li a {
   font-size: 18px;
   letter-spacing: 0.1em;
   line-height: 1;
   transition: all .3s ease;
   -webkit-transition: all .3s ease;
   text-transform: uppercase;
}

.blogside .categoryBox ul li a span {
   display: block;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
   transition: all .3s ease;
   -webkit-transition: all .3s ease;
}

.blogside .categoryBox ul li a:hover,
.blogside .categoryBox ul li a:hover span {
   color: #153469;
}

.recentBox {
   margin-bottom: 50px;
}

.recentBox li {
   font-size: 13px;
   border-bottom: 1px solid #CBCAC9;
   padding-bottom: 13px;
   margin-bottom: 22px;
   line-height: 1.3;
}

.recentBox li:last-child {
   margin-bottom: 0;
}

.recentBox li .recent_thumbnail {
   float: right;
   width: 48px;
   height: 48px;
   margin-left: 12px;
   position: relative;
   overflow: hidden;
}

.recentBox li .recent_thumbnail a {
   display: block;
   width: 48px;
   height: 48px;
   line-height: 1;
}

.recentBox li .recent_thumbnail a span {
   display: block;
   width: 100%;
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   transform: scale(1);
}

.recentBox li .recent_thumbnail a:hover {
   transform: scale(1.1);
}

.recentBox li h3 a {
   transition: all .3s ease;
   -webkit-transition: all .3s ease;
}

.recentBox li h3 a:hover {
   color: #ff9d00;
}

.recent_date {
   font-size: 10px;
   margin-top: 5px;
   color: #72706E;
}

.recentBox li .recent_date {
   margin-top: 5px;
}

.blogside .tagBox {
   margin-bottom: 40px;
}

.blogside .tagBox h2 {
   margin-bottom: 12px;
}

.blogside .tagBox .tagcloud li {
   display: inline-block;
   margin: 0 10px 10px 0;
   vertical-align: top;
}

.blogside .tagBox .tagcloud a {
   display: block;
   padding: 7px 10px;
   color: #7F6A53;
   font-size: 14px !important;
   line-height: 1;
   border: 1px solid #7F6A53;
   border-radius: 3px;
   transition: all .3s ease;
   -webkit-transition: all .3s ease;
   letter-spacing: 0;
}

.blogside .tagBox .tagcloud a:hover {
   color: #fff;
   background: #7F6A53;
   border: 1px solid #7F6A53;
}

.archiveBox {
   font-size: 14px;
   line-height: 1.4;
}

.archiveBox>ul>li {
   margin-top: 20px;
}

.archiveBox>ul>li:first-child {
   margin: 0;
}

.archiveBox ul li p {
   position: relative;
   margin: 0;
   padding-left: 20px;
   cursor: pointer;
   display: inline-block;
}

.archiveBox ul li p:visited {
   color: #D88329;
}

.archiveBox ul li p:hover {
   text-decoration: underline;
}

.archiveBox ul li p.acv_open {
   color: #242220;
   text-decoration: underline;
}

.archiveBox ul li p:before {
   display: block;
   content: '';
   position: absolute;
   top: 5px;
   left: 0;
   width: 8px;
   height: 8px;
   border-right: 2px solid #242220;
   border-bottom: 2px solid #242220;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   box-sizing: border-box;
}

.archiveBox ul li p.acv_open:before {
   top: 4px;
   left: 2px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.archiveBox ul li a {
   color: #22201E;
}

.archiveBox ul li a:visited {
   color: #7E94F0;
}

.archiveBox ul li a:hover {
   color: #203B75;
   text-decoration: underline;
}

.archiveBox ul li a:active {
   color: #D88329;
}

.archiveBox ul li ul {
   margin-left: 44px;
}

.archiveBox ul li li {
   margin-top: 10px;
}

.archiveBox ul li ul.hide {
   display: none;
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
   .blogside {
      float: right;
      width: 30%;
   }

   .blogside h2 {
      font-size: 14px;
      letter-spacing: 0;
   }

   .blogside h2 span {
      font-size: 12px;
   }
}

@media screen and (max-width: 767px) {
   .blogside {
      float: none;
      width: 100%;
      border-top: 1px solid #5D5555;
      padding: 46px 0 0;
      box-sizing: border-box;
      margin-top: 35px;
   }
}

/* =====================================
■新着情報
===================================== */
.category #newsList,
.single #newsDetail {
   background: #fff;
   padding: 60px 0 80px;
   min-height: 600px;
}

/*--------------------------------------
詳細記事
--------------------------------------*/
#newsDetail h3 {
   font-size: 24px;
   color: #574f4f;
   letter-spacing: 0.18em;
   line-height: 1.4;
   position: relative;
   padding-left: 30px !important;
   margin-bottom: 20px;
}

#newsDetail h3:before {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-bottom: 14px solid #6f87a3;
   border-left: 14px solid transparent;
   position: absolute;
   left: 2px;
   top: 10px;
}

#newsDetail h3:after {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-top: 14px solid #96a8bf;
   border-right: 14px solid transparent;
   position: absolute;
   left: 2px;
   top: 10px;
}

/* =====================================
■サイトマップ
===================================== */
.sitemap ul {
   border-top: 1px dashed #707070;
}

.sitemap ul>li {
   position: relative;
   border-bottom: 1px dashed #707070;
}

.sitemap ul>li>a {
   display: block;
   color: #454545;
   padding: 10px 30px;
   position: relative;
   text-decoration: none;
}

.sitemap ul>li>a:hover {
   color: #1C3962;
}

.sitemap ul>li>a:before {
   content: "";
   width: 10px;
   height: 10px;
   background: #1C3962;
   border-radius: 50%;
   position: absolute;
   left: 8px;
   top: 50%;
   margin-top: -4px;
}

.sitemap ul>li>a:after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   border-top: 2px solid #7A7A7A;
   border-right: 2px solid #7A7A7A;
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: -3px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

.sitemap ul .sub-menu {
   margin: 0 0 0 2em;
}

.sitemap .sub-menu li {
   border-top: 1px dashed #ccc;
}

.sitemap .sub-menu li:last-child {
   border-bottom: 0;
}

.sitemap .sub-menu li a {
   display: block;
   padding: 10px 0 10px 30px;
   position: relative;
   color: #454545;
}

.sitemap .sub-menu li a:hover {
   color: #1C3962;
}

.sitemap .sub-menu li a:before {
   content: "";
   width: 10px;
   height: 2px;
   background: #1C3962;
   position: absolute;
   left: 8px;
   top: 50%;
   margin-top: -2px;
}

/* =====================================
■お問い合わせ
===================================== */
.wrap_contact {
   max-width: 1120px;
   padding: 10px 20px;
   box-sizing: border-box;
   margin: 0 auto;
}

.inquiryForm_message {
   text-align: center;
}

.wpcf7c-elm-step3 {
   text-align: center;
}

.step_list {
   width: 467px;
   margin: 0 auto 90px;
}

.step_list li {
   float: left;
   width: 100px;
   margin-left: 83px;
   text-align: center;
   font-size: 18px;
   font-weight: 600;
   line-height: 1;
   position: relative;
   color: #CBCAC9;
}

.step_list li:first-child {
   margin: 0;
}

.step_list li span {
   display: block;
   width: 54px;
   height: 54px;
   border-radius: 50%;
   text-align: center;
   line-height: 54px;
   margin: 0 auto 12px;
   background: #CBCAC9;
   color: #fff;
   font-size: 22px;
   font-weight: bold;
   letter-spacing: 0;
   position: relative;
}

.step_list li span:after {
   display: block;
   content: "";
   width: 130px;
   height: 1px;
   background: #CBCAC9;
   position: absolute;
   top: 50%;
   left: 54px;
}

.step_list li:last-child span:after {
   display: none;
}

.step_list li.current {
   color: #1C3962;
}

.step_list li.current span {
   background: #1C3962;
}

.step_list li span.current:after {
   background: #1C3962;
}

.inquiryForm_message .step_catch {
   font-size: 16px;
   text-align: center;
   color: #373431;
   letter-spacing: 0.05em;
   margin-bottom: 44px;
}

.inquiryFormTable {
   border-top: 1px solid #707070;
   font-size: 16px;
   padding-top: 22px;
}

.inquiryFormTable dl {
   display: table;
   width: 100%;
   margin-bottom: 30px;
}

.inquiryFormTable dt,
.inquiryFormTable dd {
   display: table-cell;
   text-align: left;
   vertical-align: top;
}

.inquiryFormTable dt {
   border-right: none;
   position: relative;
   width: 29%;
   padding: 11px 80px 0 0;
   color: #2C2F30;
   font-weight: 600;
   letter-spacing: 0.1em;
   box-sizing: border-box;
}

.inquiryFormTable dt.optionaltxt {
   font-weight: 400;
}

.inquiryFormTable dd {
   box-sizing: border-box;
   position: relative;
   padding-right: 40px;
}

.wpcf7-form-control-wrap {
   display: block;
}

.inquiryFormTable input,
.inquiryFormTable textarea,
.inquiryFormTable select {
   display: block;
   width: 100%;
   box-sizing: border-box;
   padding: 13px 14px 14px;
   border: 1px solid #BFBEBD;
   background: #EBE9E7;
   color: #333;
   border-radius: 5px;
}

.inquiryFormTable select {
   position: relative;
   background: #ECECEC url("../img/icons/ico_select.svg") no-repeat right center;
   background-size: contain;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

.inquiryFormTable select::-ms-expand {
   display: none;
}

.inquiryFormTable input[type="checkbox"] {
   display: none;
   width: 32px;
   height: 32px;
   border: 0;
   position: relative;
   margin-right: 0;
   visibility: hidden;
   z-index: 999;
   -webkit-appearance: none;
   background: none;
   box-sizing: border-box;
}

.inquiryFormTable .wpcf7-list-item {
   margin: 10px 1.5em 10px 0;
   box-sizing: border-box;
}

.inquiryFormTable .wpcf7-list-item.last.has-free-text {
   display: block;
}

input.wpcf7-free-text {
   margin-top: 10px;
}

.wpcf7-list-item-label {
   position: relative;
}

span.wpcf7-list-item-label:before,
span.wpcf7-list-item-label:after {
   display: none;
}

.inquiryFormTable input[type="checkbox"]+span label.icon-check:before {
   content: "\e902";
   font-size: 25px;
   color: #BFBEBD;
   margin-right: 5px;
   margin-top: -3px;
   vertical-align: middle;
}

.inquiryFormTable input[type="checkbox"]:checked+span label.icon-check:before {
   content: "\e903";
   color: #5D7F9A;
}

.custom-wpcf7c-confirmed .verified_table.inquiryFormTable input.wpcf7-validates-as-required,
.invalid .verified_table.inquiryFormTable input.wpcf7-validates-as-required {
   border: 1px solid #C4000F;
   background: #fff;
   box-shadow: 0 0 5px rgba(196, 0, 15, 0.15);
}

.inquiryFormTable input.wpcf7-not-valid {
   border: 1px solid #D93636 !important;
   background: #FDD2D2 !important;
}

.inquiryFormTable .comment {
   display: block;
   color: #63696A;
   font-size: 13px;
   margin: 0.4em 0;
   letter-spacing: 0;
}

.inquiryFormTable .required {
   background: #D93636;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   padding-left: 0;
   width: 46px;
   height: 22px;
   border-radius: 10px;
   text-align: center;
   display: inline-block;
   line-height: 22px;
   position: absolute;
   top: 16px;
   right: 24px;
}

.inquiryFormTable .optional {
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   padding-left: 0;
   width: 46px;
   height: 22px;
   background: #BFBEBD;
   border-radius: 10px;
   text-align: center;
   display: inline-block;
   line-height: 22px;
   position: absolute;
   top: 16px;
   right: 28px;
}

.inquiryFormTable .post_icon {
   position: absolute;
   z-index: 200;
   top: 10px;
   left: 16px;
}

.inquiryFormTable .post_item input {
   padding: 13px 14px 14px 40px;
}

.inquiryFormTable .btBox {
   text-align: center;
   margin: 60px 0 0;
}

.inquiryFormTable .btBox:after {
   content: "." !important;
   clear: both !important;
   display: block !important;
   height: 0 !important;
   visibility: hidden !important;
}

.inquiryFormTable .btBox input[type="submit"] {
   background: #1C3962 url("../img/icons/ico_arrow02.png") no-repeat 95% center !important;
   background-size: 6px 10px !important;
   border: none;
   width: 100%;
   color: #fff;
   display: block;
   line-height: 1.2;
   cursor: pointer;
   box-sizing: border-box;
   margin: 0 auto;
   border-radius: 0 !important;
   outline: 0px;
   -webkit-appearance: none;
   font-size: 26px;
   letter-spacing: 0.1em;
   padding: 29px 32px 28px 30px;
}

.inquiryFormTable .btBox input[type="submit"].disabled {
   background: #72706E url("../img/icons/icon-arrow01.png") no-repeat 96% center !important;
   background-size: 6px 10px !important;
   color: #BFBEBD;
   opacity: 1 !important;
   pointer-events: none;
   cursor: default;
   padding: 29px 40px 28px 40px;
}

.inquiryFormTable .btBox input[type="submit"].abled {
   background-position: 96% center !important;
   padding: 29px 40px 28px 40px;
}

.inquiryFormTable .wpcf7-back {
   width: 37.5% !important;
   color: #fff;
   background: #72706E url(/wp-content/uploads/icon-arrow02.png) no-repeat 92% center !important;
   background-size: 6px 10px !important;
   border: none;
   line-height: 1.2;
   cursor: pointer;
   box-sizing: border-box;
   margin: 0 auto;
   border-radius: 0 !important;
   outline: 0px;
   -webkit-appearance: none;
   font-size: 26px;
   letter-spacing: 0.1em;
   padding: 29px 30px 28px;
   float: left;
   text-align: left;
}

.inquiryFormTable .wpcf7-submit {
   width: 58.5% !important;
   float: right;
   text-align: left;
}

.inquiryFormTable .btBox input[type="submit"]:hover,
.inquiryFormTable .btBox input[type="button"]:hover {
   opacity: 0.8;
}

span.verify_icon {
   position: absolute;
   width: 25px;
   height: 25px;
   right: -42px;
   top: 13px;
   display: none;
}

.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid)+.verify_icon {
   display: block;
}

.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid)+.verify_icon:before {
   color: #5D7F9A;
   font-size: 25px;
   vertical-align: top;
}

.custom-wpcf7c-confirmed .confirm_table .wpcf7-validates-as-required:not(.wpcf7-not-valid)+.verify_icon {
   display: none;
}

.inquiryFormTable .wpcf7-not-valid-tip {
   color: #DE5050;
   font-weight: normal;
   display: block;
   font-size: 12px;
}

.file_btn {
   display: block;
   overflow: hidden;
   position: relative;
   background: #807B7B;
   color: #fff;
   width: 123px;
   height: 30px;
   font-size: 14px;
   line-height: 30px;
   text-align: center;
   cursor: pointer;
   margin-top: 13px;
}

.file_btn .wpcf7-form-control-wrap {
   opacity: 0;
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   position: absolute;
   right: 0;
   top: 0;
   margin: 0;
   width: 100%;
   height: 30px;
}

div.wpcf7 input[type="file"] {
   padding: 0;
   border: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   height: 30px;
}

.result_txt {
   display: block;
   word-break: break-all;
   white-space: pre-wrap;
}

.custom-wpcf7c-confirmed .confirm_table input[type="text"],
.custom-wpcf7c-confirmed .confirm_table input[type="tel"],
.custom-wpcf7c-confirmed .confirm_table input[type="email"],
.custom-wpcf7c-confirmed .confirm_table textarea,
.custom-wpcf7c-confirmed .confirm_table select,
.custom-wpcf7c-confirmed .confirm_table input[type="checkbox"],
.custom-wpcf7c-confirmed .confirm_table input[type="date"] {
   display: none;
}

.custom-wpcf7c-confirmed .confirm_table .required,
.custom-wpcf7c-confirmed .confirm_table .optional,
.custom-wpcf7c-confirmed .confirm_table span.comment,
.custom-wpcf7c-confirmed .confirm_table .wpcf7-list-item-label,
.custom-wpcf7c-confirmed .confirm_table .wpcf7-form-control-wrap.your-email_confirm {
   display: none;
}

.custom-wpcf7c-confirmed .confirm_table .wpcf7-list-item {
   display: block;
   padding-left: 0;
   margin: 0;
}

.custom-wpcf7c-confirmed .confirm_table .wpcf7-list-item.last.has-free-text .result_txt {
   display: inline-block;
   margin-right: 15px;
}

.custom-wpcf7c-confirmed .confirm_table dl {
   margin-bottom: 10px;
}

.custom-wpcf7c-confirmed .confirm_table dt,
.custom-wpcf7c-confirmed .confirm_table dd {
   padding: 0;
}

.custom-wpcf7c-confirmed .confirm_table .post_icon {
   top: 0;
   left: 0;
}

.custom-wpcf7c-confirmed .confirm_table .post_item span.result_txt {
   padding-left: 20px;
}

.wpcf7-mail-sent-ok,
div.wpcf7 .ajax-loader,
div.wpcf7-validation-errors {
   display: none !important;
}

.inquiryFormTable .privacyWrap {
   height: 300px;
   overflow-y: scroll;
   overflow-x: hidden;
   width: 100%;
   border: 1px solid #bfbebd;
   padding: 20px;
   box-sizing: border-box;
   background: #ebe9e7;
   border-radius: 5px;
}

.custom-wpcf7c-confirmed .confirm_table .privacy {
   display: none;
}

@media screen and (max-width: 1060px) {
   .inquiryFormTable dt {
      width: 35%;
   }
}

@media screen and (max-width: 767px) {
   .step_list {
      width: 400px;
      margin: 0 auto 60px;
   }

   .step_list li {
      margin-left: 50px;
   }

   .inquiryFormTable dl {
      display: block;
      margin-bottom: 20px;
   }

   .inquiryFormTable dt,
   .inquiryFormTable dd {
      display: block;
      width: 100%;
      box-sizing: border-box;
   }

   .inquiryFormTable dt {
      padding: 0;
      margin-bottom: 8px;
   }

   .inquiryFormTable .wpcf7-list-item {
      margin: 5px 1.5em 5px 0;
   }

   .inquiryFormTable .required,
   .inquiryFormTable .optional {
      display: inline-block;
      position: static;
      top: initial;
      right: initial;
      margin: -2px 0 0 20px;
      vertical-align: middle;
   }

   .inquiryFormTable .btBox {
      margin: 50px 0 0;
   }

   .inquiryFormTable .btBox input[type="submit"],
   .inquiryFormTable .wpcf7-back {
      width: 100% !important;
      float: none;
      font-size: 20px;
      padding: 29px 20px 28px 20px;
      box-sizing: border-box;
      background-position: 96% center !important;
      text-align: center;
   }

   .inquiryFormTable .btBox input[type="submit"].disabled,
   .inquiryFormTable .btBox input[type="submit"].abled {
      padding: 29px 20px 28px 20px;
   }

   .inquiryFormTable .wpcf7-back {
      margin-bottom: 15px;
   }

   .file_btn {
      margin-top: 0;
   }

   .custom-wpcf7c-confirmed .confirm_table dt {
      margin-bottom: 0;
   }
}

@media screen and (max-width: 480px) {
   .step_list {
      width: 270px;
   }

   .step_list li {
      width: 70px;
      margin-left: 30px;
      font-size: 16px;
   }

   .step_list li span:after {
      width: 60px;
   }

   .inquiryForm_message .step_catch {
      font-size: 12px;
      letter-spacing: 0;
   }

   .inquiryFormTable .btBox input[type="submit"],
   .inquiryFormTable .wpcf7-back {
      font-size: 16px;
      letter-spacing: 0.1em;
   }
}

/* =====================================
■UNDER
===================================== */
/* -------------------------------------
Pagename
------------------------------------- */
#pagename {
   width: 100%;
   margin-top: 85px;
   padding: 0px;
   text-align: left;
   box-sizing: border-box;
   position: relative;
}

#pagename:before {
   content: '';
   width: 100%;
   height: 164%;
   background: url("../img/kv-img.webp") no-repeat top left, url("../img/index/feature-bg.webp") repeat top center;
   background-size: 100% auto, 1440px auto;
   background-color: #EFF6FF;
   position: absolute;
   top: 0;
   left: 0;
}

#pagename .container {
   padding-top: 24rem;
   padding-bottom: 13.2rem;
}

#pagename h1 {
   font-weight: 200;
   font-style: normal;
   font-size: 5.6rem;
   letter-spacing: 0.08em;
   line-height: 1.4;
   color: #fff;
}

#pagename h1 .sub {
   display: block;
   font-size: 2rem;
   letter-spacing: 0.08em;
   line-height: 1;
   text-transform: uppercase;
   margin-top: 8px;
}

@media screen and (max-width: 1024px) {
   #pagename {
      margin-top: 0;
      padding-top: 115px;
   }
   #pagename:before {
      background-size: cover;
   }
}

@media screen and (max-width: 767px) {
   #pagename:before {
      background-position: center left 30%;
   }

   #pagename .container {
      padding-top: 12rem;
      padding-bottom: 6rem;
   }

   #pagename h1 {
      font-size: 3.6rem;
   }

   #pagename h1 .sub {
      font-size: 1.5rem;
   }
}

/* -------------------------------------
Bread
------------------------------------- */
#bread_area {
   background-color: #1E3B63;
   color: #fff;
   max-width: max-content;
   overflow: auto hidden;
   margin-bottom: 1.6rem;
}

#bread {
   display: flex;
   align-items: center;
   gap: 12px;
   width: max-content;
   font-weight: 400;
   font-size: 13px;
   line-height: 23px;
   padding: 2px 12px 0;
}

#bread li:not(:last-child) {
   display: flex;
   align-items: center;
   gap: 12px;
}

#bread li:not(:last-child):after {
   content: '';
   width: 4px;
   height: 8px;
   background: url("../img/arrow-right.webp") no-repeat center top/cover;
   display: block;
}

/*--------------------------------------
TITLE
--------------------------------------*/
.underTit_h2 h2 {
   font-weight: 300;
   font-size: 48px;
   letter-spacing: 0em;
   line-height: 1.6;
   color: #3A506E;
   position: relative;
}

.underTit_h2 h2:before {
   content: "";
   background: url("../img/ttl-icon-1.webp") no-repeat center top/cover;
   width: 16px;
   height: 8px;
   position: absolute;
   top: 15px;
   right: 100%;
   margin-right: 16px;
}

.underTit_h3 {
   position: relative;
}

.underTit_h3 h3 {
   font-weight: 400;
   font-size: 32px;
   line-height: 1.6;
   letter-spacing: 0.08em;
   position: relative;
}

.underTit_h4 h4 {
   font-size: 20px;
   line-height: 1.4;
   letter-spacing: 0.08em;
   color: #524B44;
   padding: 0;
   position: relative;
   z-index: 2;
   font-family: "Zen Old Mincho", serif;
   font-weight: 500;
   font-style: normal;
   padding-left: 25px;
}

.underTit_h4 h4:before {
   position: absolute;
   content: "";
   width: 15px;
   height: 15px;
   border: 1px solid #333;
   left: 0;
   top: 7px;
   border-radius: 15px;
}

.underTit_h4 h4 .number {
   margin-top: 1px;
}

.underTit_h5 h5 {
   font-size: 24px;
   line-height: 1.4;
   letter-spacing: 0.1em;
   color: #1F4C84;
   position: relative;
   font-weight: 500;
   font-style: normal;
}

.numTit {
   font-weight: 600;
   font-size: 24px;
   line-height: 1.4;
   letter-spacing: 0.1em;
   color: #22201E;
   padding: 7px 0 10px 43px;
   text-indent: -43px;
   position: relative;
   z-index: 2;
}

.numTit .number {
   margin-top: 1px;
}

.number {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   vertical-align: top;
   width: 33px;
   height: 33px;
   border-radius: 50%;
   background: #0B4089;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   font-size: 20px;
   line-height: 33px;
   letter-spacing: 0;
   color: #fff;
   text-align: center;
   margin: -4px 10px 0 0;
   text-indent: 0;
}

.step_number {
   display: inline-block;
   vertical-align: top;
   width: 83px;
   height: 33px;
   background: #A09074;
   border-radius: 50px;
   font-family: "Montserrat", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 20px;
   line-height: 31px;
   letter-spacing: 0.05em;
   color: #fff;
   text-align: center;
   margin: 3px 10px 0 0;
   text-indent: 0;
}

@media screen and (max-width: 767px) {
   .underTit_h2 h2 {
      font-size: 28px;
   }

   .underTit_h2 h2:before {
      top: 8px;
      margin-right: 8px;
   }

   .underTit_h3 h3 {
      font-size: 24px;
   }

   .underTit_h3 h3 .number {
      margin-top: -1px;
   }

   .underTit_h4 h4 {
      font-size: 22px;
      padding: 5px 0 8px 20px;
   }

   .underTit_h4 h4:before {
      top: 15px;
   }

   .numTit {
      font-size: 22px;
      padding: 5px 0 8px 43px;
   }
}

/*--------------------------------------
一般歯科
--------------------------------------*/
.pointSec {
   padding: 70px 20px 0 70px;
   border: 1px solid #004096;
   position: relative;
}

.pointSec:before {
   position: absolute;
   content: "";
   top: -46px;
   left: 13px;
   width: 267px;
   height: 168px;
   background: url(/wp-content/uploads/generalPoint.png) no-repeat;
   background-size: 100% auto;
}

.pointSec:after {
   width: 100%;
   height: 4px;
   bottom: 0;
   left: 0;
   background: #ccc;
   position: absolute;
   content: "";
   background: linear-gradient(to right, #1D5291, #7DB6DC);
}

.pointSec .title {
   font-size: 26px;
   color: #353537;
   font-weight: 700;
   font-style: normal;
   letter-spacing: 0.12em;
   margin-bottom: 16px;
}

.pointSec ul {
   display: flex;
   justify-content: flex-start;
   align-items: end;
}

.pointSec ul li:first-child {
   width: 80%;
   padding-bottom: 60px;
}

.pointSec ul li:last-child {
   width: 20%;
   padding-left: 3%;
   box-sizing: border-box;
}

@media screen and (max-width: 767px) {
   .pointSec {
      padding: 40px 20px 0 20px;
   }

   .pointSec .title {
      line-height: 1.5;
      font-size: 22px;
   }

   .pointSec ul {
      display: block;
   }

   .pointSec ul li:first-child {
      width: 100%;
      padding-bottom: 20px;
   }

   .pointSec ul li:last-child {
      width: 100%;
      padding-left: 0;
   }
}

/*--------------------------------------
口腔外科
--------------------------------------*/
.page-id-1430 .btn {
   text-align: right;
}

.page-id-1430 .btn a {
   max-width: 70% !important;
}

.uder_surgerySec {
   border: 1px solid #2F6BBC;
   padding: 50px;
   background: #F2F6FC;
}

.uder_surgerySec .title {
   color: #353537;
   font-size: 26px;
   font-weight: 700;
   font-style: normal;
   letter-spacing: 0.04em;
   padding-left: 40px;
   position: relative;
   border-bottom: 1px solid #C6C6C6;
   padding-bottom: 13px;
   margin-bottom: 15px;
   line-height: 1.2;
}

.uder_surgerySec .title:before {
   position: absolute;
   content: "";
   background: #2F6BBC;
   width: 20px;
   height: 20px;
   left: 0;
   top: 10px;
   border-radius: 50%;
}

.uder_surgerySec .txt {
   margin-bottom: 30px;
}

.uder_surgerySecB ul {
   display: flex;
   justify-content: space-between;
   column-gap: 100px;
}

.uder_surgerySecB ul li {
   width: calc((100% - 300px) / 4);
   position: relative;
}

.uder_surgerySecB ul li:before {
   position: absolute;
   content: "";
   width: 2px;
   height: 100%;
   right: -50px;
   top: 0;
   background: url(/wp-content/uploads/surgery_img08.png) no-repeat;
   background-size: cover;
}

.uder_surgerySecB ul li:last-child:before {
   display: none;
}

.uder_surgerySecB p {
   font-size: 16px;
   text-align: center;
   font-family: "hiragino-kaku-gothic-pron", sans-serif;
   font-weight: 600;
   font-style: normal;
   letter-spacing: 0.1em;
   color: #22201E;
   margin-top: 20px;
   line-height: 1.6;
}

@media screen and (max-width: 1132px) and (min-width: 768px) {
   .uder_surgerySecB ul {
      column-gap: 50px;
   }

   .uder_surgerySecB ul li {
      width: calc((100% - 150px) / 4);
   }

   .uder_surgerySecB ul li:before {
      right: -25px;
   }

   .uder_surgerySecB p {
      font-size: 13px;
      letter-spacing: -0.06em;
   }

   .page-id-1430 .btn a {
      max-width: 100% !important;
   }
}

@media screen and (max-width: 767px) {
   .uder_surgerySec {
      padding: 20px;
   }

   .uder_surgerySec .title {
      font-size: 20px;
   }

   .uder_surgerySec .title:before {
      top: 5px;
      width: 17px;
      height: 17px;
   }

   .uder_surgerySecB ul {
      display: block;
   }

   .uder_surgerySecB ul li {
      width: 100%;
      margin-bottom: 30px;
      text-align: center;
   }

   .uder_surgerySecB ul li:before {
      display: none;
   }

   .page-id-1430 .btn a {
      max-width: 100% !important;
   }

   .page-id-1430 .btn a {
      max-width: 100% !important;
      padding: 17px 35px;
   }
}

/*--------------------------------------
噛み合わせ治療
--------------------------------------*/
.under_occlusionbox {
   background: #F2F6FC;
   padding: 20px 60px;
   border: 1px solid #2F6BBC;
}

.under_occlusionbox ul li {
   position: relative;
   padding-left: 26px;
   color: #5F5952;
   font-size: 18px;
   font-weight: bold;
}

.under_occlusionbox ul li:before {
   position: absolute;
   content: "";
   height: 15px;
   width: 15px;
   background: #B9C6D6;
   border-radius: 50%;
   left: 0;
   top: 11px;
}

.occlusion_table thead th {
   border-bottom: 1px solid #DBD0C1;
   padding: 10px 0;
   background: #ebf0f8;
   text-align: center;
   border-right: 1px solid #DBD0C1;
}

.occlusion_table thead th:first-child {
   background: #E1E9F6;
   width: 30%;
   text-align: left;
   padding-left: 15px;
}

.occlusion_table thead th:last-child {
   background: #EBF0F8;
   text-align: center;
   border-right: none;
}

.occlusion_table tbody th {
   background: #E1E9F6;
   border-right: 1px solid #DBD0C1;
   padding: 10px 0 10px 15px;
   border-bottom: 1px solid #DBD0C1;
}

.occlusion_table tbody td {
   background: #F6F6F6;
   text-align: left;
   padding: 10px 0;
   border-bottom: 1px solid #DBD0C1;
   border-right: 1px solid #DBD0C1;
   padding-left: 15px;
}

.occlusion_table tbody tr:last-child th,
.occlusion_table tbody tr:last-child td {
   border-bottom: none;
}

.occlusion_table tbody td:last-child {
   border-right: none;
}

@media screen and (max-width: 767px) {
   .under_occlusionbox {
      padding: 20px;
   }

   .under_occlusionbox ul li {
      font-size: 16px;
   }
}

/*--------------------------------------
審美治療・ホワイトニング
--------------------------------------*/
.under_occlusionbox.aesthetic {
   background: none;
   border: none;
   padding: 10px 30px;
}

.under_occlusionbox.aesthetic p {
   padding-left: 23px;
}

.graphicBox.graphicBox02 .photo {
   width: 24% !important;
}

@media screen and (max-width: 767px) {
   .graphicBox.graphicBox02 .photo {
      width: 100% !important;
   }
}

/*--------------------------------------
矯正治療
--------------------------------------*/
.graphicBox.graphicBox02.orthodontics>.elementor-container {
   max-width: 1000px;
}

.page-id-1436 .btn a {
   max-width: 516px;
   padding-right: 30px;
}

/*--------------------------------------
医院紹介
--------------------------------------*/
.doctorBox .dean_name {
   text-align: center;
   color: #235799;
   font-size: 27px;
   font-weight: 500;
   font-style: normal;
}

.doctorBox .dean_name sub {
   display: block;
   line-height: 1.5;
}

.doctorBox .d02 {
   font-size: 19px;
   color: #235799;
   font-weight: 500;
   font-style: normal;
}

.page-id-1423 .btn a {
   max-width: 466px;
}

.clinicBox02 .box {
   position: relative;
}

.clinicBox02 .box .right {
   width: 57%;
   margin-left: auto;
}

.clinicBox02 .box .left {
   width: 60%;
   position: absolute;
   content: "";
   top: 25%;
   border: 1px solid #203B75;
   background-color: rgba(255, 255, 255, 0.8);
   border-radius: 10px;
   z-index: 99;
}

.clinicBox02 .box .left .dc {
   padding: 60px 30px 30px;
   position: relative;
}

.clinicBox02 .box .left .dc:before {
   position: absolute;
   content: "01";
   font-family: "Montserrat", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight: 600;
   font-size: 100px;
   top: -50px;
   line-height: 1;
   color: #203B75;
   left: 10px;
}

.clinicBox02 .box.number3 .left .dc:before {
   content: "03";
}

.clinicBox02 .box.number5 .left .dc:before {
   content: "05";
}

.clinicBox02 .box2 .right .dc {
   padding: 60px 30px 30px;
   position: relative;
}

.clinicBox02 .box2 .right .dc:before {
   position: absolute;
   content: "02";
   font-family: "Montserrat", sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   font-weight: 600;
   font-size: 100px;
   top: -50px;
   line-height: 1;
   color: #203B75;
   left: 10px;
}

.clinicBox02 .box2.number4 .right .dc:before {
   content: "04";
}

.clinicBox02 .box .left .title,
.clinicBox02 .box2 .right .title {
   color: #22201E;
   font-size: 24px;
   font-weight: 700;
   font-style: normal;
   letter-spacing: 0.1em;
}

.clinicBox02 .box .left .dc .tit02 {
   color: #000;
   font-weight: 700;
   font-style: normal;
   margin-top: 12px;
}

.clinicBox02 .box2 {
   position: relative;
}

.clinicBox02 .box2 .left {
   width: 57%;
}

.clinicBox02 .box2 .right {
   width: 60%;
   position: absolute;
   content: "";
   top: 25%;
   border: 1px solid #203B75;
   background-color: rgba(255, 255, 255, 0.8);
   border-radius: 10px;
   right: 0;
}

.clinicBox02 .box,
.clinicBox02 .box2 {
   position: relative;
   margin-bottom: 50px;
}

.about_Box5 {
   display: flex;
}

.about_Box5 .sp {
   display: none !important;
}

.about_Box5 .left {
   width: 70%;
   padding-right: 20px;
   box-sizing: border-box;
}

.about_Box5 .right {
   width: 30%;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.about_Box5 .row {
   display: flex;
   justify-content: space-between;
}

.about_Box5 .thumb {
   width: 49% !important;
   cursor: pointer;
   transition: transform 0.2s;
}

.about_Box5 #bigImage {
   width: 100% !important;
   object-fit: contain;
}

.clinicBox .box {
   border: 1px solid #2F6BBC;
   background: #F2F6FC;
   padding: 40px 50px;
}

.clinicBox .box .title {
   color: #353537;
   font-size: 26px;
   font-weight: 700;
   font-style: normal;
   letter-spacing: 0.04em;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #C6C6C6;
}

.clinicBox ul {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   column-gap: 20px;
}

.clinicBox ul li {
   width: calc((100% - 20px) / 2);
   position: relative;
   padding-left: 24px;
   color: #353537;
}

.clinicBox ul li:before {
   position: absolute;
   content: "";
   background: #2F6BBC;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   left: 0;
   top: 12px;
}

.accessSec dl {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   margin-bottom: 30px;
}

.accessSec dl dt {
   width: 30%;
   color: #203B75;
   font-weight: bold;
   border-bottom: 1px solid #203B75;
}

.accessSec dl dd {
   width: 70%;
   color: #3B4043;
   font-size: 16px;
   border-bottom: 1px solid #CDD6DD;
}

.accessSec dl dt,
.accessSec dl dd {
   padding: 19px 0;
}

.accessSec dl dd {
   width: 70%;
}

.accessSec dl dd a {
   color: #3B4043;
}

.accessSec .top_time thead th {
   background: #203B75;
   color: #fff;
   text-align: center;
   font-size: 15px;
   padding: 5px 0;
}

.accessSec .top_time thead th:first-child {
   width: 30%;
   text-align: left;
   padding-left: 20px;
}

/* .accessSec .top_time thead th:last-child {
width: 15%;
} */
.accessSec .top_time tbody th {
   font-size: 18px;
   color: #000;
   padding-left: 23px;
}

.accessSec .top_time tbody td {
   text-align: center;
   color: #0C417A;
   font-size: 15px;
}

.accessSec .top_time tbody tr:first-child th,
.accessSec .top_time tbody tr:first-child td {
   padding-top: 13px;
}

.accessSec .top_time tbody tr:last-child th,
.accessSec .top_time tbody tr:last-child td {
   padding-bottom: 18px;
   border-bottom: 1px solid #203B75;
}

.timeTxt {
   line-height: 1.4;
   margin-top: 16px;
}

.accessSec .top_time tbody td .c01 {
   color: #2F6BBC;
}

@media screen and (max-width: 1024px) {
   .clinicBox02 .box .left .dc {
      padding: 40px 20px 20px;
   }

   .clinicBox02 .box .left {
      top: 11%;
   }

   .clinicBox02 .box .left .dc:before {
      font-size: 80px;
      top: -40px;
   }

   .clinicBox02 .box2 .right .dc {
      padding: 40px 20px 20px;
   }

   .clinicBox02 .box2 .right {
      top: 11%;
   }

   .clinicBox02 .box2 .right .dc:before {
      font-size: 80px;
      top: -38px;
   }

   .clinicBox02 .box .left .txt,
   .clinicBox02 .box2 .right .txt {
      font-size: 15px;
   }
}

@media screen and (max-width: 767px) {
   .about_Box5 {
      display: block;
   }

   .about_Box5 .left {
      width: 100%;
      padding-right: 0;
   }

   .about_Box5 .right {
      width: 100%;
   }

   .about_Box5 .sp {
      display: block !important;
   }

   .about_Box5 .right.sp {
      margin-bottom: 20px;
   }

   .about_Box5 .row {
      column-gap: 10px;
   }

   .about_Box5 .thumb {
      width: 31% !important;
   }

   .about_Box5 .row.row2 {
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .about_Box5 .row.row3 {
      margin-bottom: 10px;
   }

   .clinicBox02 .box .left {
      position: relative;
      width: 100%;
      margin-bottom: 20px;
      margin-top: 50px;
   }

   .clinicBox02 .box .right {
      width: 100%;
   }

   .clinicBox02 .box2 .left {
      width: 100%;
   }

   .clinicBox02 .box2 .right {
      width: 100%;
      position: relative;
      margin-top: 50px;
   }

   .clinicBox02 .box .left .title,
   .clinicBox02 .box2 .right .title {
      font-size: 22px;
      letter-spacing: 0;
   }

   .clinicBox .box {
      padding: 20px;
   }

   .clinicBox ul {
      display: block;
   }

   .clinicBox ul li {
      width: 100%;
   }

   .clinicBox .box .title {
      font-size: 22px;
      line-height: 1.3;
   }
}

/*--------------------------------------
bnr
--------------------------------------*/
.btn-link {
   display: inline-flex;
   align-items: center;
   padding: 8px 25px 8px 20px;
   background: #fff;
   border-radius: 40px;
   text-decoration: none;
   border: 1px solid #315696;
}

.btn-link:hover {
   text-decoration: none;
   opacity: 0.6;
}

.btn-link sub {
   background: none;
   background-image: none;
   background-clip: border-box;
   padding: 0;
   margin: 0;
   background-image: linear-gradient(90deg, #315696, #1C448B);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   font-weight: 500;
   padding-right: 35px;
   font-size: 16px;
   position: relative;
}

.btn-link sub:before {
   position: absolute;
   content: "";
   width: 16px;
   height: 7px;
   background: url(/wp-content/uploads/frame_img01.png) no-repeat;
   right: 0;
   bottom: 11px;
   background-size: cover;
}