@charset "UTF-8";
/*-------------------------------------------
文字サイズなど
-------------------------------------------*/
h1 , h2 , h3 , h4 , h5 , p , ul {
    margin: 0;
}
.width_full{
    width: 100%;
}
.width_full img {
    width: 100%;
}
.width_full_2 img {
    width: 100%;
  height: 210px;
  object-fit: cover;
}
.width_800px{
    width: 800px;
    margin: 0 auto;
}
.width_700px{
    width: 700px;
    margin: 0 auto;
}
.width_600px{
    width: 600px;
    margin: 0 auto;
}
.width_500px{
    width: 500px;
    margin: 0 auto;
}
.width_400px{
    width: 400px;
    margin: 0 auto;
}
.width_300px{
    width: 300px;
}
.width_200px{
    width: 200px;
}
.width_110px{
    width: 110px;
}
.width_90{
    width: 90%;
    margin: 0 auto;
}
.width_80{
    width: 80%;
    margin: 0 auto;
}
.width_60{
    width: 60%;
    margin: 0 auto;
}
.width_40{
    width: 40%;
    margin: 0 auto;
}
.width_1100{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.ueshita_pad_10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; 
}
.ueshita_pad_80_50 {
    padding-top: 80px !important;
    padding-bottom: 50px !important; 
}
.ueshita_pad_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; 
}
.ueshita_pad_30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; 
}
.ueshita_pad_50_30 {
    padding-top: 50px !important;
    padding-bottom: 30px !important; 
}
.ueshita_pad_70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important; 
}
.shita_5 {
    margin-bottom: 5px !important; 
}
.shita_10 {
    margin-bottom: 10px !important; 
}
.shita_20 {
    margin-bottom: 20px !important; 
}
.shita_30 {
    margin-bottom: 30px !important; 
}
.shita_40 {
    margin-bottom: 40px !important; 
}
.shita_50 {
    margin-bottom: 50px !important; 
}
.shita_70 {
    margin-bottom: 70px !important; 
}
.shita_100 {
    margin-bottom: 100px !important; 
}
.shita_200 {
    margin-bottom: 200px !important; 
}
.p_shita_10 {
    padding-bottom: 10px;
}
.p_shita_20 {
    padding-bottom: 20px;
}
.p_shita_25 {
    padding-bottom: 25px;
}
.p_shita_30 {
    padding-bottom: 30px;
}
.p_shita_50 {
    padding-bottom: 50px;
}
.p_migi_20 {
    padding-right: 20px;
}
#introduction .p_shita_30 span {
	color: #29a2e0!important; 
}
.syou_txt {
    font-size: 1.2rem !important; 
}
.syuui_10 {
    padding: 10px;
}
.syuui_50_30 {
    padding: 50px;
}
.syuui_50-100_20-30 {
    padding: 50px 100px;
}
ul.shikaku_li li{
      position: relative;
  padding: 0.5em 1em 0.5em 1.8em;
}
ul.shikaku_li li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 0.6em;
  left: 0.2em;
  width: 17px;
  height: 17px;
  border:1px solid #000;
}
.txt_cnter {
    text-align: center;
}
.font_sans_serif {
    font-family: "Noto Sans JP", sans-serif;
}
.tyu_txt {
    font-size: 1.5rem!important; 
    text-align: justify;
}
.tyu_txt2 {
    font-size: 1.7rem!important; 
    text-align: justify;
}
.tyu_txt3 {
    font-size: 2.0rem!important; 
}

.dai_txt {
    font-size: 2.5rem!important; 
}
.dai_txt2 {
    font-size: 3.0rem!important; 
}
.dai_txt3 {
    font-size: 3.3rem;
    line-height: 1.2;
}
.dai_txt4 {
    font-size: 3.5rem;
}
.futo {
    font-weight: bold;
}
.hoso {
    font-weight: 300;
}
.tyu_txt2 .aka {
    color: #bf272d;
}
.hospital_txt1 .tyu_txt2 span {
	font-size: 1.3rem !important;
}
.kuwashiku_arrow {
  position: relative;
  display: inline-block;
    width: 30px;
    height: 2px;
  margin-top: 29px;
  border-radius: 9999px;
  background-color: #000000;
}

.kuwashiku_arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
    width: 15px;
    height: 2px;
  border-radius: 9999px;
  background-color: #000000;
  transform: rotate(45deg);
  transform-origin: calc(100% - 2px) 50%;
}
.akamoji {
    font-size: 2.5rem;
    color: #bf272d;
}
.shiro {
    color: #fff;
}
.ao{
    color: #065b85;
}
.ao2{
    color: #3f80bc;
}
.aka {
    color: #d85e55;
}
.dai {
    font-size: 3.3rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.syo {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.syo_1 {
    padding: 0 20px;
}
.syo_1 a{
    font-size: 1.6rem;
    color: #fff;
}
.syo2 {
    color: #fff;
    width: 600px;
    margin: 0 auto;
    padding: 30px 0;
}
.tit {
    width: 100%;
    padding: 30px 0;
    background-color: #065b87;
}
.aoobi {
    width: 100%;
    padding: 10px 0;
    background-color: #065b87;
}
.titl_tyu_txt_ao {
    text-align: center;
    font-size: 2.0rem;
    font-weight: bold;
    color: #086593;
}
.titl_txt_ao {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600;
    color: #086593;
}
.dai_titl {
    font-size: 3.0rem;
    font-weight: 600;
    text-align: center;
    color: #065b85;
    margin: 0 auto;
    width: 1100px;
    background-color: #ecf7fb;
    padding: 25px 0;
    border-top: 5px solid #065b85;
}
.stripe {
    background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #efefef 5px, #efefef 10px);
}
.w_back_g_700 {
    background-color: #fff;
    width: 700px;
    margin: 0 auto;
    padding: 30px 0;
}
.w_back_g_900 {
    background-color: #fff;
    width: 900px;
    margin: 0 auto;
    padding: 30px 0;
}
.maru_aoobi_siromoji {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #065b85;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_aoobi_siromoji2 {
    width: 1100px;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    background-color: #065b85;
    font-size: 2.5rem;
    color: #fff;
    border-radius: 1vw;
}
.maru_aoobi_siromoji3 {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #065b85;
    font-size: 2.5rem;
    color: #fff;
    border-radius: 1vw;
    display: flex;
    align-items: center;
}
.maru_aoobi_siromoji4 {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    background-color: #065b85;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_aoobi_siromoji5 {
    margin: 0 auto;
    text-align: center;
    background-color: #065b85;
    font-size: 2.0rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_aoobi_siromoji_syou {
    background-color: #065b85;
    font-size: 1.8rem;
    color: #fff;
    padding: 2px 18px;
    border-radius: 100vw;
    margin-right: 5px;
}
.maru_orengiobi_siromoji {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #f5911a;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_midoriobi_siromoji {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #008e42;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_akaobi_siromoji {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #e54961;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_aoobi2_siromoji {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #0073ba;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_murasakiobi_siromoji {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    background-color: #9e428a;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_kuroobi_siromoji {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #333333;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
    border-radius: 100vw;
}
.maru_siroobi_aomoji {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    font-size: 2.0rem;
    color: #065b85;
    padding: 5px 0;
    border: 2px solid #065b85;
    border-radius: 100vw;
}
.kon_bk {
    background-color: #065b87;
    padding: 10px; 
}
.usuao_bk {
    background-color: #ecf7fb;
    padding: 10px;
}
.usuao_bk1 {
    background-color: #fafeff;
    padding: 10px;
}
.koigray_bk {
    background-color: #e2e2e2;
    padding: 10px;
}
.gray_bk {
    background-color: #f4f5f7;
    padding: 20px;
}
.gray_bk1 {
    background-color: #f4f5f7;
    padding: 10px 20px;
}
.gray_bk2 {
    background-color: #f4f5f7;
    padding: 10px;
}
.usuaka_bk {
    background-color:#fff3f3;
    padding: 20px;
}
.usuaka_bk1 {
    background-color:#fcc9c8;
    padding: 10px;
}
.usuaka_bk2 {
    background-color:#fff3f3;
    padding: 10px;
}
.shadow_box {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.sen_box {
    padding: 30px;
    background-color: #fff;
    border: 2px solid #bbbbbb;
}
.sen_box1 {
    background-color: #fff;
    border: 2px solid #bbbbbb;
}
.sen_box2 {
    border: 2px solid #bbbbbb;
}
.aosen_box {
    padding: 30px;
    background-color: #fff;
    border: 2px solid #065b85;
}
.aosen_box_10 {
    padding: 10px;
    background-color: #fff;
    border: 2px solid #065b85;
}
.shiro_box {
    padding: 30px 10%;
    background-color: #fff;
}
.stripe_box {
    background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #efefef 5px, #efefef 10px);
}

.flex_box_b {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px auto 0;
}
.flex_box_b1 {
    display: flex;
    justify-content: space-between;
    margin: 0px auto 0;
}
.flex_box_b2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto 0;
}
.flex_box_b3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0px auto 0;
}
.flex_box_c {
    width: 100%;
    display: flex;
    justify-content: center;
}
.flex_box_s {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto 0;
}
.flex_box_s2 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: auto 0;
}
.width_100-200 .syoujyou_box {
	align-items:center;
}
.block_box {
    display: block;
}
.txt_w {
    width: 600px;
}
.img_100-w {
    width: calc(100% - 600px);
    height: auto;
    overflow: hidden;
    padding-left: 40px;
}
.img_100-x {
    width: calc(100% - 300px);
    height: auto;
    overflow: hidden;
    padding-left: 40px;
}
.width_100-110 {
    width: calc(100% - 110px);
}
.width_100-200 {
    width: calc(100% - 200px);
    padding: 40px;
}
.width_100-300 {
    width: calc(100% - 300px);
    padding-right: 40px;
}
.img_100-w img {
    width: 100%;
    height: auto;
}
.nibunkatubu0 {
    width:  calc(100% / 2);
}
.nibunkatubu {
    width:  calc(100% / 2 - 10px);
}
.nibunkatubu2 {
    width:  calc(100% / 2 - 17.5px);
}
.nibunkatubu3 {
    width:  calc(100% / 2 - 20px);
}
.nibunkatubu0 img {
    width: 100%;
}
.nibunkatubu img {
    width: 100%;
}
.nibunkatubu2 img {
    width: 100%;
}
.nibunkatubu3 img {
    width: 100%;
}
.sanbunkatubu {
    width:  calc(100% / 3 - 20px);
}
.sanbunkatubu2 {
    width:  calc(100% / 3 - 15px);
}
.sanbunkatubu3 {
    width:  calc(100% / 2 - 20px);
}
.sanbunkatubu3_1 {
    width:  calc(100% / 2 - 20px);
    display: flex;
}
.sanbunkatubu3_2 {
    width:  calc(100% - 415px);
    display: flex;
    justify-content: space-between;
}
.sanbunkatubu img {
    width: 100%;
}
.yonbunkatubu {
    width:  calc(100% / 4 - 15px);
}

.arrow {
  position: relative;
  display: inline-block;
}
.arrow::before,.arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 2px;
    border-radius: 10px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}
.arrow::before {
  transform: rotate(45deg);
}
.arrow::after {
  transform: rotate(-45deg);
}
.arrow3 {
  position: relative;
  display: inline-block;
  left: 8px;
}

.arrow3::before,.arrow3::after {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    width: 7px;
    height: 2px;
    border-radius: 10px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}
.arrow3::before {
  transform: rotate(45deg);
}
.arrow3::after {
  transform: rotate(-45deg);
}
.arrow4::before, .arrow5::before {
    transform: rotate(45deg);
}
.arrow4::after, .arrow5::after{
    transform: rotate(-45deg);
}
.arrow4::before, .arrow4::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 10px;
    width: 10px;
    height: 2px;
    border-radius: 10px;
    background-color: #bfdced;
    transform-origin: calc(100% - 1px) 50%;
}
.arrow5 {
    margin-left: 5px;
}
.arrow5::before, .arrow5::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    width: 10px;
    height: 2px;
    border-radius: 10px;
    background-color: #bfdced;
    transform-origin: calc(100% - 1px) 50%;
}
.arrow7::before {
  transform: rotate(45deg);
}
.arrow7::after {
  transform: rotate(-45deg);
}
.arrow7::before, .arrow7::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 2px;
    border-radius: 10px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}
#kikoekotoba .yonmoji_arrow {
        left: 25%;
}
#kikoekotoba .yonmoji_arrow2 {
        left: 15%;
}
.btn2, a.btn2, button.btn2 {
    width: 250px;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.8;
    position: relative;
    display: inline-block;
    padding: 0rem 0rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 100vh;
}
.aoobi_btn {
    width: 400px;
    background-color: #065b87;
    margin-bottom: 2px;
    text-align: center;
    border-radius: 100vh;
}
.arrow7 {
  position: relative;
  display: inline-block;
  left: 35px;
}
.arrow7::before {
    transform: rotate(45deg);
}
.arrow7::after {
    transform: rotate(-45deg);
}
.arrow7::before, .arrow7::after {
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    width: 7px;
    height: 2px;
    border-radius: 10px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}



@media screen and (max-width: 1024px) {
.width_1100{
    width: 90%;
}
#hearing .width_60 {
    width: 85%;
}
.dai_titl   {
    width: 90%;
}
.topics-list .dai_titl   {
    width: 100%;
}
.maru_aoobi_siromoji  {
    width: 90%;
}
    #kikoekotoba_tuite .yonmoji_arrow {
  left: 5%;
}
    .arrow3::before, .arrow3::after {
    top: calc(50% - 6px);
}
    #medical .uniform_txt .tyu_txt2 {
        text-align: center;
    }
.maru_aoobi_siromoji2 {
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    background-color: #065b85;
    font-size: 2.5rem;
    color: #fff;
    border-radius: 1vw;
}
    .syo_1 {
    padding: 0 10px;
}
.maru_orengiobi_siromoji ,.maru_midoriobi_siromoji ,.maru_akaobi_siromoji  ,.maru_aoobi2_siromoji,.maru_murasakiobi_siromoji{
    font-size: 2.0rem;
}
#dental_tuite .maru_aoobi_siromoji3 {
    margin: 0 auto;
    text-align: center;
    background-color: #065b85;
    font-size: 2.5rem;
    color: #fff;
    border-radius: 1vw;
    display: flex;
    align-items: center;
}
.w_back_g_900 {
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}
.w_back_g_700 {
    width: 80%;
}
    #hospitalization .ngyaji_tit .tyu_txt {
            font-size: 1.2rem !important;
    }

}
@media screen and (max-width: 820px) {

    .tit {
    width: 100%;
    padding: 10px 0;
    background-color: #065b87;
}
.syo_1 a {
    font-size: 1.0rem;
}
    .arrow3::before, .arrow3::after {
        top: calc(50% - 5px);
    }
    .introduction_toptxt .dai_txt2 {
        line-height: 1.2;
    }
    .maru_siroobi_aomoji {
    font-size: 1.7rem;
    }
        #medicalsubject .nibunkatubu2 {
    width: calc(100% / 1 - 0px);
}
    #kikoekotoba .dai_txt {
    font-size: 2.2rem;
}
    #kikoekotoba .tyu_txt3 {
    font-size: 1.7rem;
}
        #kikoekotoba .sanbunkatubu {
    width: calc(100% / 3 - 20px);
}
    #kikoekotoba_tuite .yonmoji_arrow {
        left: 12%;
    }
     #hochouki .sanbunkatubu {
    width: calc(100% / 1 - 0px);
}
#hospitalization .sanbunkatubu3_2 {
    width: calc(100% - 0px);
    margin-bottom: 10px;
}
    .iryohi_container .tyu_txt3 {
    font-size: 1.7rem !important;
    }
}
@media screen and (max-width: 768px) {
    #top .shita_pad_50 {
    padding-bottom: 0px;
}
    .introduction_toptxt .dai_txt2 {
        font-size: 2.0rem!important; 
        line-height: 1.2;
    }
    .introduction_toptxt .tyu_txt2 {
        font-size: 1.0rem!important; 
        line-height: 1.2;
    }
    .dai {
    font-size: 2.0rem;
}
    .tit {
        padding: 30px 0;
    }
    .width_800px , .width_600px{
    width: 90%;
    margin: 0 auto;
}
    .syuui_50_30 {
    padding: 30px;
}
.syuui_50-100_20-30 {
    padding: 20px 30px;
}
.flex_box_b {
    display:  flex;
      flex-wrap: wrap; 
}
    .width_500px {
        width: 90%;
    }
.flex_box_b1 {
    display: block;
    justify-content: space-between;
    margin: 0px auto 0;
}
.flex_box_c {
    display: block;
}
    .flex_box_s {
        display: block;
    }
.dai_txt {
    font-size: 2.0rem;
}
    .dai_titl {
    margin: 70px auto 0;
    font-size: 2.0rem;
}
.titl_txt_ao {
    font-size: 2.0rem;
}
    .syo2 {
    width: 90%;
}
    .shita_100 {
    margin-bottom: 30px !important; 
}
    .nibunkatubu0 , .nibunkatubu , .nibunkatubu2 , .nibunkatubu3{
    width:  calc(100% / 1 - 0px);
}
    #hochouki .nibunkatubu3{
    width:  calc(100% / 1 - 0px);
        margin-bottom: 40px;
}
    .shadow_box {
        margin-bottom: 20px;
    }
.sanbunkatubu , .sanbunkatubu2 {
    width:  calc(100% / 1 - 0px);
}
    #inspection .sanbunkatubu {
            width:  calc(100% / 2 - 10px);
}

    .maru_siroobi_aomoji {
    font-size: 1.5rem;
}
    .aosen_box {
        margin-bottom: 40px;
}
        #kikoekotoba .sanbunkatubu {
            width: calc(100% / 1 - 0px);
            margin-bottom: 20px;
        }
   #ibiki .aoobi {
    padding: 5px 0;
}
    #medical .uniform_txt .tyu_txt2 {
        font-size: 1.5rem!important; 
    }
    #hochouki .shinryoka .tyu_txt2 {
        font-size: 1.2rem!important; 
    }
    #hochouki .shinryoka .dai_txt {
        font-size: 1.5rem!important; 
    }
#dental_tuite .w_back_g_700 {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}
    #dental_tuite .maru_aoobi_siromoji3 {
        display: block;
    }
    #dental_tuite .ao_tit {
        width: 100%;
        height: 100px;
        border-radius: 10px 10px 0px 0px;
    }
    #dental_tuite .ao_txt {
        width: 100%;
        padding:  20px;
        margin-bottom: 20px;
    }
    #dental .width_80 {
        width: 100%;
    }
    #dental .nibunkatubu2 {
    margin-bottom: 20px;
}
    #hearing .width_60 {
    width: 100%;
}
    #hearing .hearing_time_tel {
    width: 100%;
}
    #hearing .arrow7 {
  left: 25px;
}
   #ibiki .aoobi_btn {
    width: 100%;
}
}