﻿.guide.col2_gr {
  margin-top: var(--block-space-max);
  margin-bottom: var(--block-space-max);
  grid-column-gap: var(--block-space-l);
  grid-row-gap: var(--block-space-l);
}

.guide.col2_gr .d-cases {
  grid-column-start: 1;
  grid-column-end: 3;
}

@media screen and (max-width:640px) {
  .guide.col2_gr {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: var(--block-space-max);
    grid-row-gap: var(--block-space-max);
  }

  .guide.col2_gr .d-cases {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

.guide h2 {
  text-align: center;
}

.guide .kamoku,
.guide .m-t-contents {
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}

.guide .kamoku ul,
.guide .m-t-contents ul {
  padding: 0 var(--box-space-s) var(--box-space-s);
}

.d-cases ul {
  list-style: none;
}

.d-cases ul li {
  border-radius: 5px;
  background-color: rgba(var(--color-blue01), 1);

  /* box-shadow: var(--box-shadow); */
}

.d-cases ul li span {
  text-align: center;
}

@media screen and (min-width:641px) {
  /*   .d-cases ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .d-cases ul li {
    max-width: 20%;
    width: 100%;
    margin: 1%;
    padding: 20px 1%;
  } */

  .d-cases ul {
    grid-column-gap: var(--block-space-m);
    grid-row-gap: var(--block-space-s);
  }

  .d-cases ul li {
    padding: 20px;
  }
}

@media screen and (max-width:640px) {
  .d-cases ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: var(--block-space-m);
  }

  .d-cases ul li {
    width: 100%;
    padding: var(--box-space-s);
    margin-bottom: var(--block-space-m);
  }
}

.d-cases ul li span {
  position: relative;
  display: block;
}

.d-cases ul li span {
  padding-top: 100px;
}

.d-cases ul li span::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.d-cases ul li:nth-child(1) span::before {
  background-image: url("../image/dislocation.png");
}

.d-cases ul li:nth-child(2) span::before {
  background-image: url("../image/arthrosis.png");
}

.d-cases ul li:nth-child(3) span::before {
  background-image: url("../image/osteoporosis.png");
}

/* .d-cases ul li:nth-child(1) span::before {
  background-image: url("../image/fracture.png");
}

.d-cases ul li:nth-child(2) span::before {
  background-image: url("../image/dislocation.png");
}

.d-cases ul li:nth-child(3) span::before {
  background-image: url("../image/sprain.png");
}

.d-cases ul li:nth-child(4) span::before {
  background-image: url("../image/spinal_disc_herniation.png");
}

.d-cases ul li:nth-child(5) span::before {
  background-image: url("../image/osteoporosis.png");
}

.d-cases ul li:nth-child(6) span::before {
  background-image: url("../image/arthrosis.png");
}

.d-cases ul li:nth-child(7) span::before {
  background-image: url("../image/numbness_and_backache.png");
}
 */
/* #orthopedics,
#rehabilitation {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
} */
#orthopedics {
  margin-bottom: var(--block-space-max);
}

#orthopedics>h2+div {
  margin-bottom: var(--block-space-s);
}

.osteoporosis-box {
  background-color: rgba(var(--color-blue01), 1);
  border-radius: 5px;
  padding: var(--box-space-s);
}

.osteoporosis-box h3 {
  color: rgba(var(--color-green), 1);
  font-size: var(--fs-m);
  margin-bottom: 10px;
}

.osteoporosis-box {
  background-color: rgba(var(--color-blue01), 1);
  border-radius: 5px;
  padding: var(--box-space-s);
}

.osteoporosis-box h3 {
  color: rgba(var(--color-green), 1);
  font-size: var(--fs-m);
  margin-bottom: 10px;
}

#rehabilitation {
  margin-bottom: var(--block-space-max);
}

#rehabilitation h3 + p{
  margin-bottom: var(--block-space-m);
}

#rehabilitation .exercise .txt-box{
  max-width: 540px;
}

#rehabilitation .exercise .img-box{
  background-image:url(../image/0437.jpg?v=3) ;
  background-size: contain;
  width: calc(100% - 570px);
}

@media screen and (max-width:640px) {
  #rehabilitation .exercise .img-box{
    width: 100%;
  }
}

#rehabilitation .exercise {
  margin-bottom: var(--block-space-m);
}

/* #rehabilitation>h2+p {
  margin-bottom: var(--block-space-s);
}


.rehabilitation-box {
  background-color: rgba(var(--color-blue01), 1);
  border-radius: 5px;
  padding: var(--box-space-s);
}

.rehabilitation-box h3 {
  color: rgba(var(--color-green), 1);
  font-size: var(--fs-m);
  margin-bottom: 10px;
} */


.x_ray-box {
  background-color: rgba(var(--color-blue01), 1);
  border-radius: 5px;
  padding: var(--box-space-s);
  margin-bottom: var(--block-space-m);
}

.x_ray-box h3 {
  color: rgba(var(--color-green), 1);
  font-size: var(--fs-m);
  margin-bottom: 10px;
}

#patient {
  margin-bottom: var(--block-space-max);
}

#patient>h3+div {
  margin-bottom: var(--block-space-s);
}

/* #orthopedics,
#rehabilitation {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
} */

.col2_fl {
  display: flex;
}

/* .osteoporosis-box
.rehabilitation-box
.x_ray-box */
.img-box {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}

.osteoporosis-box .txt-box {
  max-width: 640px;
  width: 100%;
}

.osteoporosis-box .img-box {
  background-image: url(../image/about-osteoporosis.jpg);
}

/* .rehabilitation-box ul {
  max-width: 640px;
  width: 100%;
}

.rehabilitation-box .img-box {
  background-image: url(../image/about-rehabilitation.jpg);
} */


.x_ray-box .txt-box {
  max-width: 640px;
  width: 100%;
}

.x_ray-box .img-box {
  background-image: url(../image/x_ray.jpg);
}

@media screen and (min-width:641px) {
  .img-box {
    padding-top: 32.5%;
    margin-left: 30px;
    width: calc(100% - 670px);
  }
}

@media screen and (min-width:641px)and (max-width:1160px) {
  .osteoporosis-box .txt-box {
    max-width: 540px;
    width: 100%;
  }

  /* .rehabilitation-box ul {
    max-width: 540px;
    width: 100%;
  } */

  .x_ray-box .txt-box {
    max-width: 540px;
    width: 100%;
  }

  .img-box {
    width: calc(100% - 570px);
  }
}

@media screen and (max-width:640px) {
  .col2_fl {
    flex-wrap: wrap;
    justify-content: center;
  }

  .img-box {
    padding-top: 75%;
    margin-top: 30px;
    width: 100%;
  }
}

/*----------------------------------------------------------------------------------------------------

  受診案内
  
----------------------------------------------------------------------------------------------------*/
.sec-jushin {
  max-width: var(--base-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--block-space-l);
  padding-bottom: var(--block-space-max);
  padding-left: var(--side-space);
  padding-right: var(--side-space);
  text-align: left;
}

@media print, screen and (min-width:641px) {
  .sec-jushin {
    box-sizing: content-box;
  }
}

/*--------------------------------------------------------------------------------
  初診・再診
--------------------------------------------------------------------------------*/
.jushin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.jushin-box .ttl {
  line-height: 1.2;
  color: #fff;
  background-color: rgba(var(--color-8), 1);
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  padding: 0.75rem 1rem;
  margin-top: -1em;
  position: relative;
  z-index: 2;
}

.jushin-box .txt {
  padding-top: 0.5em;
}

.mochimonoList {
  padding-top: 1em;
}

@media print, screen and (min-width:641px) {
  .jushin {
    margin-left: -1.5em;
    margin-right: -1.5em;
  }

  .jushin-box {
    width: 50%;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .jushin-box .ttl {
    font-size: var(--fs-2l);
  }
}

@media screen and (max-width:640px) {
  .jushin-box {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .jushin-box .ttl {
    font-size: var(--fs-l);
  }

  .jushin-box:not(:first-of-type) {
    padding-top: var(--block-space-l);
  }
}

/*--------------------------------------------------------------------------------
  問診表
--------------------------------------------------------------------------------*/
.jushin-monshinhyo {
  margin-top: var(--block-space-l);
  border: 3px solid rgba(var(--scolor-5), 0.7);
  background-color: rgba(var(--scolor-1), 1);
  text-align: center;
  padding: var(--box-space-s);
}

.jushin-monshinhyo .txt {
  padding-bottom: 1.5em;
}

.jushin-monshinhyo .p-btn {
  margin-bottom: 0.5em;
}

@media print, screen and (min-width:641px) {}

@media screen and (max-width:640px) {
  .jushin-monshinhyo .txt {
    text-align: left;
  }
}

/*----------------------------------------------------------------------------------------------------

  よくあるご質問
  
----------------------------------------------------------------------------------------------------*/
/* .sec-faq {
  padding-top: var(--block-space-max);
  padding-bottom: var(--block-space-max);
  padding-left: var(--side-space);
  padding-right: var(--side-space);
  background-color: rgba(var(--color-1), 1);
}

.faq-list {
  padding-top: var(--block-space-l);
} */

#physical_therapy01 h2+p {
  margin-bottom: var(--block-space-unit);
}

#physical_therapy01 .col2_gr {
  grid-column-gap: var(--block-space-m);
  grid-row-gap: var(--block-space-m);
}

#physical_therapy01 .col2_gr .col2_gr_item {
  box-shadow: var(--box-shadow);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#physical_therapy01 .col2_gr .col2_gr_item h3 {
  text-align: center;
}

#physical_therapy01 .disease_effect {
  margin-bottom: var(--block-space-l);
}

.bedrock_bath, .air_chamber {
  margin-bottom: var(--block-space-l);
}

.bedrock_bath>div h5 {
  background-color: rgba(var(--color-blue05), 1);
  color: #fff;
  font-weight: 500;
  padding: 10px 1em;
  border-radius: 5px;
  margin-bottom: 5px;
}

.bedrock_bath>div, .air_chamber>div {
  box-shadow: var(--box-shadow);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.bedrock_bath>div dl, .air_chamber>div dl {
  padding: var(--box-space-s);
}

.bedrock_bath dt,
.air_chamber dt {
  font-weight: 700;
  margin-bottom: 5px;
}

#physical_therapy01 .col2_gr .col2_gr_item ul {
  padding: 0 var(--box-space-s) var(--box-space-s);
}

#medical_cooperation p {
  margin-bottom: var(--block-space-unit);
}

#medical_cooperation h3+div {
  padding: var(--box-space-s);
  border-radius: 5px;
  /* box-shadow: var(--box-shadow); */
  background-color: rgba(var(--color-blue01), 0.6);
}

@media print, screen and (min-width:641px) {
  #medical_cooperation h3+div ul {
    display: flex;
    flex-flow: column wrap;
    height: 98px;
  }
}


@media print, screen and (max-width:640px) {
  #medical_cooperation h3+div ul {
    flex-wrap: wrap;
  }

  #medical_cooperation h3+div ul li {
    width: 100%;
  }
}


#medical_cooperation {
  margin-bottom: var(--block-space-l);
}

#physical_therapy02 {
  margin-bottom: var(--block-space-l);
}


#physiotherapy .txt-box {
  max-width: 640px;
  width: 100%;
}

#physiotherapy .escalest .txt-box {
  max-width: 1200px;
  width: 100%;
}

#physiotherapy .lead{
  margin-bottom: 40px;
}  

#physiotherapy > .col2_fl:not(:last-of-type){
  margin-bottom: 60px;
} 

.physio .img-box{
  background-image: url(../image/physio.jpg);
}

.hotpack .img-box{
  background-image: url(../image/0461.jpg);
}

.supercaine .img-box{
  background-image: url(../image/0504.jpg);
}

.waterbed .img-box{
  background-image: url(../image/0525.jpg);
}

.medmar .img-box{
  background-image: url(../image/0481-0482.jpg);
}

.ems .img-box{
  background-image: url(../image/0467.jpg);
}

.physio5d .img-box{
  background-image: url(../image/physio5d.jpg?v=2);
  /* background-size: contain; */
}

.low01 .img-box{
  background-image: url(../image/0451.jpg);
}

.redwire01 .img-box{
  background-image: url(../image/0455.jpg);
}

.microwave01 .img-box{
  background-image: url(../image/0457.jpg);
}

.ultrasonic .img-box{
  background-image: url(../image/0464.jpg);
}

.tow .img-box{
  background-image: url(../image/0469-0470.jpg);
}

.microwave02 .img-box{
  background-image: url(../image/0478-0479.jpg);
}

.lumbar .img-box{
  background-image: url(../image/0499.jpg);
}

.redwire02 .img-box{
  background-image: url(../image/0501-0502.jpg);
}

.low02 .img-box{
  background-image: url(../image/0505.jpg);
}

.oxygen .img-box{
  background-image: url(../image/0493-0494.jpg);
}

.oxygen{
  margin-bottom: 60px;
}

.mb-60{
margin-bottom: 60px;
}

.mt-60{
margin-top: 60px;
}

.mb-30{
margin-bottom: 30px;
}

.mt-30{
margin-top: 30px;
}
.mb-60{
margin-bottom: 60px;
}

.mt-60{
margin-top: 60px;
}

/* .lead-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  background-color: rgba(var(--color-blue01), 0.8);
  border-radius: 8px;
  padding: var(--box-space-s);
  margin: 40px auto;
}

@media screen and (max-width:640px) {
  .lead-list {
    grid-template-columns: repeat(1,1fr);
    grid-row-gap:8px;
  }
}

.lead-list li{
	position: relative;
	font-weight: bold;
	padding-left: 40px;
}

.lead-list li:not(:last-child){
  padding-bottom: 8px;
}

.lead-list li::after{
	content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: 0.5em;
  width: 20px;
  height: 10px;
  border-left: 4px solid  rgba(var(--color-yellow02), 1);
  border-bottom: 4px solid  rgba(var(--color-yellow02), 1);
  transform: rotate(-45deg);
} */