﻿.reception {
  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); */
}

.reception h2+div {
  padding: var(--box-space-s);
  /* background-color: rgba(var(--color-blue01), 1); */
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}
.reception div {
  padding: var(--box-space-s);
  /* background-color: rgba(var(--color-blue01), 1); */
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}

.reception h2 {
  box-shadow: var(--box-shadow);
}

.reception h2+div ul {
  /* display: flex; */
  margin-bottom: var(--block-space-unit);
}

@media print, screen and (min-width:641px) {
  /*   .reception h2+div ul {
    display: flex;
    flex-flow: column wrap;
    height: 95px;
  } */
}


@media print, screen and (max-width:640px) {
  .reception h2+div ul {
    flex-wrap: wrap;
  }

  .reception h2+div ul li {
    width: 100%;
  }

  /* .reception h2+div ul li:not(:last-child) {
    margin-bottom: ;
  }*/
}






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

  受診案内
  
----------------------------------------------------------------------------------------------------*/
.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);
}

.job_openings > p{
  font-size:var(--fs-m) ;
  margin-bottom: var(--block-space-s);
}

.director-message .img-box{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../image/director.jpg);
  border-radius: 10px;
}

.director-message{
  margin-top: var(--block-space-m);
  display: flex;
  margin-bottom: var(--block-space-l);
}

@media print, screen and (min-width: 641px){
  .director-message .txt-box {
    width: calc(100% - 660px);
  }
  .director-message .img-box {
    width: 600px;
    height: 450px;
    margin-right: 60px;
  }
}

@media print, screen and (max-width: 640px){
  .director-message .txt-box {
    
  }
  .director-message .img-box {
    width: 100%;
    padding-top: 75%;
    margin-bottom: var(--block-space-l);
  }

  .director-message{
    flex-direction: column;

  }
}


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

  できる治療
  
----------------------------------------------------------------------------------------------------*/

.intro{
  margin: 60px auto;
}

.intro p{
  margin-bottom: 40px;
  text-align: center;
}

@media print, screen and (max-width: 640px){
  .intro p{
    text-align: left;
  }
}

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

.desc{
  margin-bottom: var(--block-space-s);
}

.col3_gr{
  gap: var(--box-space-s);
}

.col2_gr{
gap: var(--box-space-s);
}


.cause-list{
  list-style: none;
  margin-bottom: var(--block-space-s);
}

.cause-list li{
  /* background-color: rgba(var(--scolor-10), 0.2); */
  background-color:#f7f7f7;
  border: 1px solid #ededed;
  padding: 20px;
  border-radius: 8px;
}

.symptoms-list{
  list-style: none;
  margin-bottom: var(--block-space-s);
}

.symptoms-list li{
  /* background-color: rgba(var(--scolor-8), 0.2); */
  background-color:#f7f7f7;
  border: 1px solid #ededed;
  padding: var(--block-space-s);
  border-radius: 8px;
}

.about-treatment{
  padding: var(--box-space-s);
  border-radius: 8px;
}

.about-treatment-list{
  list-style: none;
  margin-bottom: var(--block-space-s);
}

.about-treatment-list li{
  /* background-color: rgba(var(--scolor-1), 0.2); */
  background-color: #fff;
  border: 1px solid #ededed;
  padding: var(--box-space-s);
  border-radius: 8px;
}

#chronic_pain .cause-list li{
  font-size: var(--fs-m);
  font-weight: 500;
}

.treatment section:nth-of-type(4n - 1) .p-sub-hdLine{
  background-color:rgba(var(--color-blue02), 0.6);
}
.treatment section:nth-of-type(4n - 2) .p-sub-hdLine{
  background-color:rgba(var(--color-green), 0.6);
}

.treatment section:nth-of-type(4n - 3) .p-sub-hdLine{
  background-color:rgba(var(--color-yellow02), 0.6);
}

.treatment section:nth-of-type(4n - 4) .p-sub-hdLine{
  background-color:rgba(var(--color-pink), 0.6);
}

.treatment section:nth-of-type(4n - 1) .img-box{
  background-color:rgba(var(--color-blue02), 0.6);
}
.treatment section:nth-of-type(4n - 2) .img-box{
  background-color:rgba(var(--color-green), 0.6);
}

.treatment section:nth-of-type(4n - 3) .img-box{
  background-color:rgba(var(--color-yellow02), 0.6);
}

.treatment section:nth-of-type(4n - 4) .img-box{
  background-color:rgba(var(--color-pink), 0.6);
}


.treatment section:nth-of-type(4n - 1) .about-treatment{
  background-color:rgba(var(--color-blue02), 0.1);
}
.treatment section:nth-of-type(4n - 2) .about-treatment{
  background-color:rgba(var(--color-green), 0.1);
}

.treatment section:nth-of-type(4n - 3) .about-treatment{
  background-color:rgba(var(--color-yellow02), 0.1);
}

.treatment section:nth-of-type(4n - 4) .about-treatment{
  background-color:rgba(var(--color-pink), 0.1);
}


.treatment section:nth-of-type(4n - 1) .about-treatment .tag-hdLine{
  background-color:rgba(var(--color-blue02), 1);
}
.treatment section:nth-of-type(4n - 2) .about-treatment .tag-hdLine{
  background-color:rgba(var(--color-green), 1);
}

.treatment section:nth-of-type(4n - 3) .about-treatment .tag-hdLine{
  background-color:rgba(var(--color-yellow02), 1);
}

.treatment section:nth-of-type(4n - 4) .about-treatment .tag-hdLine{
  background-color:rgba(var(--color-pink), 1);
}

.p-sub-hdLine + .box{
  display: flex;
  align-items: center;
  margin-bottom: var(--block-space-s);
}

@media print, screen and (max-width: 640px){
  .p-sub-hdLine + .box{
    flex-direction: column;
  }
}

.p-sub-hdLine + .box .img-box{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 140px;
  width: 140px;
  border-radius: 50%;
  margin-right: 30px;
} 

@media print, screen and (max-width: 640px){
  .p-sub-hdLine + .box .img-box{
    height: 180px;
    width: 180px;
    margin-right: 0px;
    margin-bottom: var(--block-space-s);
  } 
}

.p-sub-hdLine + .box > p.desc{
  width: calc( 100% - 230px);
  margin: 0;
}

@media print, screen and (max-width: 640px){
  .p-sub-hdLine + .box > p.desc{
    width: 100%;
    margin: 0;
  }
}

#shoulders_aged div.about-treatment:not(:last-of-type){
  margin-bottom: var(--block-space-s);
}
