﻿.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;

  }
}

