@charset "UTF-8";
/******************************************************

fonts

******************************************************/
/******************************************************

PC／SP 共有

******************************************************/
section .flowchart {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 30px; }
  section .flowchart li {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-sizing: border-box;
    border: #225d99 solid 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
    section .flowchart li span {
      display: inline-block;
      line-height: 1.5;
      color: #225d99;
      font-weight: 700; }
  section .flowchart li + li {
    margin-left: 50px;
    position: relative; }
    section .flowchart li + li:before {
      content: "";
      width: 28px;
      height: 3px;
      background: #225d99;
      position: absolute;
      left: -45px;
      top: 45px;
      transform: rotate(45deg); }
    section .flowchart li + li:after {
      content: "";
      width: 28px;
      height: 3px;
      background: #225d99;
      position: absolute;
      left: -45px;
      bottom: 44px;
      transform: rotate(-45deg); }

section .flowBox li {
  padding-top: 30px; }

section .tableBox01 {
  width: 680px;
  margin: 0 auto; }
  section .tableBox01 table {
    width: 100%; }
    section .tableBox01 table th {
      width: 25%;
      text-align: center;
      padding: 16px 0;
      line-height: 1;
      color: #225d99; }
    section .tableBox01 table td {
      text-align: left; }
    section .tableBox01 table tr:nth-child(2n-1) th, section .tableBox01 table tr:nth-child(2n-1) td {
      background: #f4f7fa; }

section .timeTable {
  padding-top: 60px;
  width: 680px;
  margin: 0 auto; }
  section .timeTable small {
    font-size: 1.2rem;
    color: #225d99;
    text-align: left;
    display: block; }
    section .timeTable small span {
      display: block;
      color: #ff7376;
      font-size: 1.6rem;
      font-weight: bold;
    }

section .f-access {
  width: 100%; }

section .clinic {
  width: 1050px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 20px; }
  section .clinic .item {
    width: 500px;
    text-align: center; }
    section .clinic .item em {
      display: block;
      font-size: 2rem;
      padding: 30px 0;
      line-height: 1;
      color: #225d99; }
    section .clinic .item p {
      padding-bottom: 40px; }
section .clinic .item figure img {
  width: auto !important;
}
/******************************************************
    
PC / common

******************************************************/
@media screen and (min-width: 741px) {
  a.pdf {
    width: 500px !important; } }

/******************************************************

sp / common

******************************************************/
@media screen and (max-width: 740px) {
  section .flowchart {
    padding-bottom: 20px; }
    section .flowchart li {
      width: 90px;
      height: 90px;
      border: #225d99 solid 3px;
      margin-bottom: 10px; }
      section .flowchart li span {
        font-size: 1.4rem; }
    section .flowchart li + li {
      margin-left: 20px;
      position: relative; }
      section .flowchart li + li:before {
        width: 14px;
        height: 3px;
        left: -20px;
        top: 36px; }
      section .flowchart li + li:after {
        width: 14px;
        height: 3px;
        left: -20px;
        bottom: 36px; }
  section .flowBox li {
    padding-top: 10px; }
  section .tableBox01 {
    width: 100%; }
    section .tableBox01 table {
      width: 100%; }
      section .tableBox01 table th {
        width: 35%;
        text-align: center;
        padding: 12px 0;
        line-height: 1;
        color: #225d99; }
      section .tableBox01 table td {
        text-align: left; }
      section .tableBox01 table tr:nth-child(2n-1) th, section .tableBox01 table tr:nth-child(2n-1) td {
        background: #f4f7fa; }
  section .timeTable {
    padding-top: 20px;
    width: 100%; }
  section .clinic {
    width: 100%;
    margin: 0; }
    section .clinic .item {
      width: 500px;
      text-align: center;
      padding-top: 20px; }
      section .clinic .item em {
        display: block;
        padding: 10px 0;
        line-height: 1;
        color: #225d99;
        font-size: 1.6rem; }
      section .clinic .item p {
        padding-bottom: 0; }
  section .googleMap iframe {
    height: 250px !important; } }

/*# sourceMappingURL=style.map */