@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/* ----------------------
- 共通
- hos_sec
- seco_sec
- abo_sec
- sur_sec
- h_link_sec
---------------------- */
.text_01 {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .text_01 {
    margin-bottom: 18px;
  }
}

.text_02 {
  margin-bottom: 20px;
}
.cmn_btn.tr {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .cmn_btn.tr {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cmn_btn.tr .cmn_btn_01 {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .cmn_btn.tr .cmn_btn_01 {
    margin-left: 0;
  }
}
.cmn_btn.tc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cmn_btn .cmn_btn_01 a {
  min-width: 244px;
}
@media screen and (max-width: 768px) {
  .cmn_btn .cmn_btn_01 a {
    min-width: 240px;
  }
}
.cmn_btn .cmn_btn_01 a::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
}

/*=======================================
　hos_sec
=======================================*/
.hos_sec {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .hos_sec {
    margin-bottom: 80px;
  }
}
.hos_sec .sttl_01 {
  margin-bottom: 50px;
}
.hos_sec .catch_img {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .hos_sec .catch_img {
    margin-bottom: 40.4px;
  }
}
.hos_sec .catch_img .text {
  max-width: 780px;
  width: 90%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hos_sec .catch_img .text .catch {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .hos_sec .catch_img .text .catch {
    font-size: 18px;
    line-height: 1.5555555556;
    margin-bottom: 23.4px;
  }
}
.hos_sec .catch_img .text p {
  color: #fff;
}
.hos_sec .cons {
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .hos_sec .cons {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.hos_sec .cons p {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .hos_sec .cons p {
    width: auto;
    font-size: 14px;
    line-height: 1.5714285714;
  }
}
.hos_sec .cons .img {
  width: 460px;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .hos_sec .cons .img {
    width: 100%;
    gap: 14px;
  }
}

/*=======================================
　seco_sec
=======================================*/
.seco_sec {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .seco_sec {
    margin-bottom: 80px;
  }
}
.seco_sec .sttl_01 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .seco_sec .sttl_01 {
    margin-bottom: 30px;
  }
}
.seco_sec .sttl_02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .seco_sec .sttl_02 {
    margin-bottom: 22px;
  }
}
.seco_sec .column {
  gap: 60px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .seco_sec .column {
    gap: 15px;
  }
}
@media screen and (max-width: 768px) {
  .seco_sec .text_01 {
    margin-bottom: 30px;
  }
}
.seco_sec .cmn_btn {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .seco_sec .cmn_btn {
    margin: 0 auto 60px;
    width: 69.5652173913%;
    gap: 0;
  }
}
.seco_sec .cmn_btn .cmn_btn_01 a {
  padding: 0;
}
.seco_sec .cmn_btn .cmn_btn_01 a::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
}
.seco_sec .access {
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .seco_sec .access {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.seco_sec .access .info .acc_item {
  border-bottom: solid 1px #B4B4B4;
  margin-bottom: 40px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .seco_sec .access .info .acc_item {
    margin-bottom: 20px;
  }
}
.seco_sec .access .info .acc_item:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.seco_sec .access .info .acc_item .sttl {
  color: #A18679;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .seco_sec .access .info .acc_item .sttl {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
.seco_sec .access .info .acc_item .text {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .seco_sec .access .info .acc_item .text {
    margin-bottom: 20px;
  }
}
.seco_sec .access .info .acc_item .cmn_btn {
  margin-bottom: 0;
}
.seco_sec .access .info .acc_item .cmn_btn .cmn_btn_01 a {
  padding-right: 0;
  padding-left: 0;
}

/*=======================================
　abo_sec
=======================================*/
.abo_sec {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .abo_sec {
    margin-bottom: 80px;
  }
}
.abo_sec .sttl_01 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .abo_sec .sttl_01 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .abo_sec .text_01 {
    margin-bottom: 30px;
  }
}
.abo_sec .cmn_btn {
  margin-bottom: 60px;
}
.abo_sec .cause {
  background-color: #fff;
  border-radius: 10px;
  padding: 50.4px 0 60px;
}
@media screen and (max-width: 768px) {
  .abo_sec .cause {
    padding: 35.4px 0 35px;
  }
}
.abo_sec .cause .inn {
  max-width: 800px;
  width: 90%;
  margin: 0 auto;
  gap: 25.6px 6.25%;
}
@media screen and (max-width: 768px) {
  .abo_sec .cause .inn {
    gap: 0;
  }
}
.abo_sec .cause .inn .sttl_02 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .abo_sec .cause .inn .sttl_02 {
    margin-bottom: 15px;
  }
}
.abo_sec .cause .inn p {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .abo_sec .cause .inn p {
    width: 100%;
    margin-bottom: 30px;
  }
}
.abo_sec .cause .inn .img {
  width: 23.75%;
}
@media screen and (max-width: 768px) {
  .abo_sec .cause .inn .img {
    width: 60.3174603175%;
    margin: 0 auto;
  }
}

/*=======================================
　sur_sec
=======================================*/
.sur_sec {
  margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .sur_sec {
    margin-bottom: 60px;
  }
}
.sur_sec .sttl_01 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .sur_sec .sttl_01 {
    margin-bottom: 30px;
  }
}
.sur_sec .sttl_02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .sur_sec .sttl_02 {
    margin-bottom: 30px;
  }
}
.sur_sec .cmn_btn {
  margin-bottom: 80px;
}
.sur_sec .cmn_btn:last-of-type {
  margin-bottom: 0;
}
.sur_sec .ope {
  gap: 49px;
}
@media screen and (max-width: 768px) {
  .sur_sec .ope {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
  }
}
.sur_sec .ope .text {
  width: 600px;
}
@media screen and (max-width: 768px) {
  .sur_sec .ope .text {
    width: 100%;
  }
}
.sur_sec .ope .img {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .sur_sec .ope .img {
    width: 72.4637681159%;
    margin: 0 auto;
  }
}
.sur_sec .flow .inn {
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .sur_sec .flow .inn {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sur_sec .flow .inn .flow_item {
  max-width: 270px;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .sur_sec .flow .inn .flow_item {
    max-width: 100%;
    width: auto;
  }
}
.sur_sec .flow .inn .flow_item .img {
  margin-bottom: 30.3px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sur_sec .flow .inn .flow_item .img {
    margin-bottom: 20px;
  }
}
.sur_sec .flow .inn .flow_item .cmn_btn {
  margin-top: 58px;
}
@media screen and (max-width: 768px) {
  .sur_sec .flow .inn .flow_item .cmn_btn {
    margin-top: 30px;
  }
}
.sur_sec .flow .inn .arrow {
  width: 14px;
  margin-top: 13%;
}
@media screen and (max-width: 768px) {
  .sur_sec .flow .inn .arrow {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .sur_sec .flow .inn .arrow img {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/*=======================================
　h_link_sec
=======================================*/
.h_link_sec {
  margin-bottom: 207.8px;
}
@media screen and (max-width: 768px) {
  .h_link_sec {
    margin-bottom: 110px;
  }
}
.h_link_sec .sttl_01 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .h_link_sec .sttl_01 {
    margin-bottom: 30px;
  }
}
.h_link_sec .hos_link_item {
  background-color: #fff;
  border: solid 1px #D1C7BE;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 29.5px 0 30.5px;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item {
    padding: 20px 0;
  }
}
.h_link_sec .hos_link_item:last-of-type {
  margin-bottom: 0;
}
.h_link_sec .hos_link_item .inn {
  max-width: 810px;
  width: 90%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.h_link_sec .hos_link_item .inn .img {
  padding-right: 39.9px;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .img {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center;
  }
}
.h_link_sec .hos_link_item .inn .info {
  padding-left: 54px;
  border-left: solid 1px #D1C7BE;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .info {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    border-top: solid 1px #D1C7BE;
    border-left: none;
  }
}
.h_link_sec .hos_link_item .inn .info .name a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-bottom: 22px;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .info .name a {
    margin-bottom: 19px;
    gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.h_link_sec .hos_link_item .inn .info .name a .hp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  line-height: 1.4615384615;
  color: #fff;
  background: #978778;
  display: inline-block;
  width: 46px;
  height: 20px;
  text-align: center;
}
.h_link_sec .hos_link_item .inn .info dl {
  gap: 31px;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .info dl {
    gap: 9px;
  }
}
.h_link_sec .hos_link_item .inn .info dl.address {
  margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .info dl.address {
    margin-bottom: 6px;
  }
}
.h_link_sec .hos_link_item .inn .info dl dt {
  line-height: 1.875;
  font-weight: bold;
  color: #A18679;
  width: 51px;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .info dl dt {
    font-size: 17px;
    width: 20%;
  }
}
.h_link_sec .hos_link_item .inn .info dl dd {
  line-height: 1.875;
}
@media screen and (max-width: 1024px) {
  .h_link_sec .hos_link_item .inn .info dl dd {
    font-size: 14px;
  }
}/*# sourceMappingURL=surgery.css.map */