#wrapper {
 overflow: hidden;
 background-image: url(/about/img/main_bg.gif), -webkit-linear-gradient(top, #acddf7 0, #acddf7 387px, #fdefd7 387px);
 background-image: url(/about/img/main_bg.gif), linear-gradient(to bottom, #acddf7 0, #acddf7 387px, #fdefd7 387px);
 background-repeat: no-repeat;
 background-position: center top;
}
@media screen and (max-width: 1024px) {
 #wrapper {
  background-color: #fdefd7;
  background-image: url(/about/img/sp/kv_tab.gif);
  background-size: 100%, auto;
 }
}
@media screen and (max-width: 600px) {
 #wrapper {
  background-image: url(/index/img/sp/kv_sp.gif), -webkit-linear-gradient(top, #acddf7 0, #acddf7 387px, #fdefd7 387px);
  background-image: url(/index/img/sp/kv_sp.gif), linear-gradient(to bottom, #acddf7 0, #acddf7 387px, #fdefd7 387px);
 }
}
#wrapper h2 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 margin-bottom: 40px;
 background-image: -webkit-linear-gradient(left, #70424f 0, #70424f 8px, transparent 8px);
 background-image: linear-gradient(to right, #70424f 0, #70424f 8px, transparent 8px);
 background-repeat: repeat-x;
 background-position: center center;
 background-size: 12px 2px;
}
@media screen and (max-width: 600px) {
 #wrapper h2 {
  line-height: 1.4;
  margin-bottom: 25px;
  text-align: center;
 }
}
#wrapper h2:after {
 content: "";
}
#wrapper h2 >span {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding: 0 18px;
 color: var(--color_bw1);
 background: #fdefd7;
 font-weight: bold;
 font-size: 30px;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 600px) {
 #wrapper h2 >span {
  font-size: 24px;
 }
}
#wrapper h2 >span span {
 font-size: 18px;
}
@media screen and (max-width: 600px) {
 #wrapper h2 >span span {
  font-size: 12px;
 }
}
#wrapper p.txt {
 line-height: 1.625;
 color: var(--color_bw1);
 font-weight: bold;
 font-size: var(--fz_md);
 letter-spacing: 0.06em;
}
#wrapper section {
 width: 100%;
 color: var(--color_bw1);
}
#wrapper section.ttl_area {
 margin: 40px 0 80px;
 text-align: center;
}
@media screen and (max-width: 600px) {
 #wrapper section.ttl_area {
  margin: 20px 0 40px;
 }
 #wrapper section.ttl_area h1 img {
  width: 70%;
 }
}
#wrapper section.anc_area {
 margin-bottom: 95px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.anc_area {
  margin-bottom: 50px;
  padding: 0 5%;
 }
}
#wrapper section.anc_area >.inner {
 max-width: 1000px;
 margin: 0 auto;
}
#wrapper section.anc_area >.inner ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 gap: 35px 20px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.anc_area >.inner ul {
  gap: 30px 3%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.anc_area >.inner ul {
  gap: 30px 2%;
 }
}
@media screen and (max-width: 1024px) {
 #wrapper section.anc_area >.inner ul li {
  width: 30%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.anc_area >.inner ul li {
  width: 32%;
 }
}
#wrapper section.anc_area >.inner ul li a {
 position: relative;
 width: 240px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.anc_area >.inner ul li a {
  width: 100%;
  font-size: 13px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.anc_area >.inner ul li a {
  font-size: 11px;
  text-align: center;
 }
}
#wrapper section.anc_area >.inner ul li a:hover:after {
 bottom: -20px;
}
#wrapper section.anc_area >.inner ul li a:after {
 content: "";
 display: block;
 position: absolute;
 bottom: -16px;
 left: 50%;
 width: 20px;
 -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
         clip-path: polygon(50% 100%, 0 0, 100% 0);
 background: var(--color_bl);
 -webkit-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
 -webkit-transition: all 0.3s;
 transition: all 0.3s;

 aspect-ratio: 2/1;
}
#wrapper section.medical_box {
 position: relative;
 margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.medical_box {
  margin-bottom: 60px;
  padding: 0 5%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box {
  margin-bottom: 40px;
 }
}
#wrapper section.medical_box#pediatrics .btn_bl {
 margin: 35px auto 0;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box#pediatrics .btn_bl {
  margin-top: 20px;
 }
}
#wrapper section.medical_box#counseling .contact_wrap,#wrapper section.medical_box#immunization .contact_wrap {
 margin-top: 40px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box#counseling .contact_wrap,#wrapper section.medical_box#immunization .contact_wrap {
  margin-top: 20px;
 }
}
#wrapper section.medical_box [class^=deco_] {
 position: absolute;
}
@media screen and (max-width: 1024px) {
 #wrapper section.medical_box [class^=deco_] {
  display: none;
 }
}
#wrapper section.medical_box .deco_1 {
 top: 100px;
 right: 0;
}
#wrapper section.medical_box .deco_2 {
 top: -35px;
 left: -210px;
}
#wrapper section.medical_box .deco_3 {
 top: 40%;
 right: -150px;
}
#wrapper section.medical_box .deco_4 {
 top: 65%;
 left: -185px;
}
#wrapper section.medical_box .deco_5 {
 top: 300px;
 left: 0;
}
#wrapper section.medical_box .deco_6 {
 top: 100px;
 right: -200px;
}
#wrapper section.medical_box .deco_7 {
 bottom: 110px;
 left: -190px;
}
#wrapper section.medical_box .deco_8 {
 bottom: 0;
 left: 0;
}
#wrapper section.medical_box .deco_9 {
 top: 200px;
 right: -210px;
}
#wrapper section.medical_box >.inner {
 position: relative;
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
}
#wrapper section.medical_box >.inner .lead {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
#wrapper section.medical_box >.inner .about_pae {
 width: 100%;
 max-width: 900px;
 margin: 35px auto;
 padding: 35px 60px 30px;
 border: 6px solid #ffffff;
 border-radius: 20px;
 background: #d0e6fc;
}
@media screen and (max-width: 1024px) {
 #wrapper section.medical_box >.inner .about_pae {
  padding: 30px 5%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .about_pae {
  margin: 20px 0;
 }
}
#wrapper section.medical_box >.inner .about_pae .pae_ttl1 {
 margin-bottom: 20px;
 text-align: center;
}
#wrapper section.medical_box >.inner .about_pae .pae_ttl1 span {
 display: inline-block;
 position: relative;
 line-height: 1.4;
 font-weight: bold;
 font-size: 24px;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .about_pae .pae_ttl1 span {
  font-size: 20px;
 }
}
#wrapper section.medical_box >.inner .about_pae .pae_ttl1 span:before,#wrapper section.medical_box >.inner .about_pae .pae_ttl1 span:after {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 left: -40px;
 width: 24px;
 border: 3px solid #ffffff;
 border-radius: 50px;
 background: #ffcc70;
 -webkit-transform: translate(0, -50%);
         transform: translate(0, -50%);

 aspect-ratio: 1/1;
}
#wrapper section.medical_box >.inner .about_pae .pae_ttl1 span:after {
 right: -35px;
 left: auto;
}
#wrapper section.medical_box >.inner .about_pae ul li {
 line-height: 1.625;
 padding-left: 1em;
 font-weight: bold;
 font-size: var(--fz_md);
 text-indent: -1em;
 letter-spacing: 0.06em;
}
#wrapper section.medical_box >.inner .about_pae .consultation {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 max-width: 640px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin: 20px auto 0;
 padding: 25px 0;
 border-radius: 15px;
 background: #ffffff;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .about_pae .consultation {
  padding: 20px 8%;
 }
}
#wrapper section.medical_box >.inner .about_pae .consultation p.pae_ttl2 {
 margin-bottom: 20px;
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .about_pae .consultation p.pae_ttl2 {
  font-size: 18px;
 }
}
#wrapper section.medical_box >.inner .about_pae .consultation ol {
 counter-reset: number 0;
}
#wrapper section.medical_box >.inner .about_pae .consultation ol li {
 position: relative;
 line-height: 1.625;
 padding-bottom: 10px;
 padding-left: 30px;
 border-bottom: 2px solid #fcdd90;
 font-weight: bold;
 font-size: var(--fz_md);
 letter-spacing: 0.06em;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .about_pae .consultation ol li {
  padding-left: 20px;
 }
}
#wrapper section.medical_box >.inner .about_pae .consultation ol li:not(:last-child) {
 margin-bottom: 10px;
}
#wrapper section.medical_box >.inner .about_pae .consultation ol li:before {
 content: counter(number) ".";
 position: absolute;
 top: 2px;
 left: 0;
 font-family: var(--ff_pop);
 counter-increment: number;
}
#wrapper section.medical_box >.inner ul.consultation {
 width: 100%;
 max-width: 900px;
 margin: 0 auto 30px;
}
#wrapper section.medical_box >.inner ul.consultation li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner ul.consultation li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
 }
}
#wrapper section.medical_box >.inner ul.consultation li:not(:last-child) {
 margin-bottom: 25px;
}
#wrapper section.medical_box >.inner ul.consultation li h3 {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 250px;
 height: 109px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -ms-flex-negative: 0;
     flex-shrink: 0;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 padding-left: 30px;
 background: url(/medical/img/ttl_bg1.png) left center/auto 100% no-repeat;
 font-weight: bold;
 font-size: 24px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner ul.consultation li h3 {
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
  font-size: 20px;
 }
}
#wrapper section.medical_box >.inner ul.consultation li h3 span {
 margin-top: 10px;
 font-size: 18px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner ul.consultation li h3 span {
  margin-top: 5px;
  font-size: 16px;
 }
}
#wrapper section.medical_box >.inner .contact_wrap {
 position: relative;
 width: 100%;
 max-width: 700px;
 margin: 0 auto;
 padding: 30px 0 40px;
 border-radius: 20px;
 background: #ffffff;
 text-align: center;
}
#wrapper section.medical_box >.inner .contact_wrap p.ttl {
 line-height: 1.4166666667;
 margin-bottom: 10px;
 font-weight: bold;
 font-size: 24px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .contact_wrap p.ttl {
  font-size: 18px;
 }
}
#wrapper section.medical_box >.inner .contact_wrap .tel_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}
#wrapper section.medical_box >.inner .contact_wrap .tel_box a.tel {
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom: 1px solid var(--color_bw1);
 color: #4562fb;
 font-family: var(--ff_pop);
 font-size: 37px;
 pointer-events: none;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .contact_wrap .tel_box a.tel {
  font-size: 33px;
  pointer-events: auto;
 }
}
#wrapper section.medical_box >.inner .contact_wrap .tel_box a.tel span {
 font-size: 29px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .contact_wrap .tel_box a.tel span {
  font-size: 17px;
 }
}
#wrapper section.medical_box >.inner .contact_wrap .tel_box p.time {
 font-size: var(--fz_md);
 letter-spacing: 0.04em;
}
#wrapper section.medical_box >.inner .contact_wrap .btn_bl {
 margin: 20px auto 0;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .contact_wrap .btn_bl {
  width: 80%;
 }
}
#wrapper section.medical_box >.inner .contact_wrap .t_deco_1 {
 position: absolute;
 bottom: -17px;
 left: -50px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.medical_box >.inner .contact_wrap .t_deco_1 {
  left: -30px;
  width: 150px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .contact_wrap .t_deco_1 {
  left: -10px;
  width: 100px;
 }
}
#wrapper section.medical_box >.inner .contact_wrap .t_deco_2 {
 position: absolute;
 right: -50px;
 bottom: -17px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.medical_box >.inner .contact_wrap .t_deco_2 {
  right: -30px;
  width: 150px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .contact_wrap .t_deco_2 {
  right: -10px;
  width: 100px;
 }
}
#wrapper section.medical_box >.inner ul.type {
 width: 100%;
 max-width: 800px;
 margin: 40px auto 0;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner ul.type {
  margin-top: 20px;
 }
}
#wrapper section.medical_box >.inner ul.type li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 padding-bottom: 20px;
 border-bottom: 2px solid #ffffff;
}
#wrapper section.medical_box >.inner ul.type li:not(:last-child) {
 margin-bottom: 20px;
}
#wrapper section.medical_box >.inner ul.type li p.ttl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 167px;
 -ms-flex-negative: 0;
     flex-shrink: 0;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 margin-right: 20px;
 color: #ffffff;
 background: url(/medical/img/ttl_bg2.png) center/100% no-repeat;
 font-weight: bold;
 font-size: 20px;
 letter-spacing: 0.06em;

 aspect-ratio: 167/78;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner ul.type li p.ttl {
  width: 110px;
  margin-right: 10px;
  font-size: 14px;
 }
}
#wrapper section.medical_box >.inner .flow_area {
 width: 100%;
 max-width: 900px;
 margin: 40px auto 120px;
 padding: 40px 60px;
 border: 6px solid #ffffff;
 border-radius: 30px;
 background: #fde9bb;
}
@media screen and (max-width: 1024px) {
 #wrapper section.medical_box >.inner .flow_area {
  margin-bottom: 60px;
  padding: 30px 5%;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .flow_area {
  margin: 20px auto 100px;
 }
}
#wrapper section.medical_box >.inner .flow_area ul.flow {
 position: relative;
 z-index: 2;
}
#wrapper section.medical_box >.inner .flow_area ul.flow li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
}
#wrapper section.medical_box >.inner .flow_area ul.flow li:not(:last-child) .icon_area,#wrapper section.medical_box >.inner .flow_area ul.flow li:not(:last-child) .txt_area {
 padding-bottom: 40px;
}
#wrapper section.medical_box >.inner .flow_area ul.flow li:not(:last-child) .icon_area:after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 50%;
 z-index: -1;
 width: 4px;
 height: 100%;
 background: #ffffff;
 -webkit-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
}
#wrapper section.medical_box >.inner .flow_area ul.flow li .icon_area {
 position: relative;
 width: 100px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .flow_area ul.flow li .icon_area {
  width: 70px;
 }
}
#wrapper section.medical_box >.inner .flow_area ul.flow li .icon_area p.icon {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 border: 4px solid #ffffff;
 border-radius: 100px;
 background: var(--color_sky);
 font-weight: bold;
 font-size: 20px;
 letter-spacing: 0.06em;

 aspect-ratio: 1/1;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .flow_area ul.flow li .icon_area p.icon {
  font-size: 15px;
 }
}
#wrapper section.medical_box >.inner .flow_area ul.flow li .txt_area {
 width: calc(100% - 100px);
 padding-top: 15px;
 padding-left: 20px;
}
@media screen and (max-width: 600px) {
 #wrapper section.medical_box >.inner .flow_area ul.flow li .txt_area {
  width: calc(100% - 70px);
  padding-left: 10px;
 }
}
#wrapper section.medical_box >.inner .flow_area ul.flow li .txt_area p.txt span {
 color: #6566ff;
}
#wrapper section.medical_box >.inner .flow_area ul.flow li .txt_area p.txt a {
 display: inline-block;
 margin-top: 10px;
 color: #4461f8;
 text-decoration: underline;
}
#wrapper section.medical_box >.inner .flow_area ul.flow li .txt_area .btn_bl {
 width: 180px;
 height: 48px;
 margin-top: 15px;
 -webkit-box-shadow: none;
         box-shadow: none;
 font-size: 16px;
}
#wrapper section.medical_box >.inner .btn_links {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}
#wrapper section.medical_box >.inner .btn_links a:not(:last-child) {
 margin-right: 20px;
}
/*# sourceMappingURL=layout.css.map */