@charset "utf-8";
/* Common */
.txt--large {font-size: 1.2em}
.txt--small {font-size: 0.8em}
.txt--l{text-align: left !important;}
.txt--r {text-align: right !important;}
.txt--c {text-align: center !important;}
.txt--ul {text-decoration: underline !important;}
.txt--red {color: #ff2222;}
.marker{background: linear-gradient(transparent 80%, #ffcee7 80%);}
.is--pc {display: block !important;}
.is--sp {display: none !important;}
.spbr {display: none !important;}
.invisible {visibility: hidden;}
.m0 {margin: 0 auto !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.pt0 {padding-top: 0 !important;}
.p0 {padding: 0 !important;}
.disc li {list-style-type: disc;}
.decimal li {list-style-type: decimal;}
*[animation]{visibility: hidden;}
/* Links */
a{
   text-decoration: none;
   color: #333;
}
a.icn[href^="http"][target="_blank"]:after {
   content: "";
   display: inline-block;
   width: 14px;
   height: 14px;
   line-height: 20px;
   margin: 0 10px 2px 6px;
   background: url(/kitami/img/common/icn_link.png) center no-repeat;
   background-size: contain;
   vertical-align: middle;
}
a.icn[href^="/"][target="_blank"]:after {
   content: "";
   display: inline-block;
   margin: 0 10px 0 8px;
   padding: 0 5px;
   font-size: 1.2rem;
   line-height: 20px;
   color: #ff7f7f;
   border: 1px solid #ff7f7f;
   font-weight: bold;
}
a.icn[href^="/"][href$=".pdf"]:after {
   content: "PDF";
   background-color: #fff;
}
a.icn[href^="/"][href$=".xls"]:after {
   content: "XLS";
   background-color: #fff;
}
a.icn[href^="/"][href$=".xlsx"]:after {
   content: "XLSX";
   background-color: #fff;
}
a.icn[href^="/"][href$=".xlsm"]:after {
   content: "XLSM";
   background-color: #fff;
}
a.icn[href^="/"][href$=".doc"]:after {
   content: "DOC";
   background-color: #fff;
}
a.icn[href^="/"][href$=".docx"]:after {
   content: "DOCX";
   background-color: #fff;
}
a.icn[href^="/"][href$=".zip"]:after {
   content: "ZIP";
   background-color: #fff;
}
a.icn_up:after {
   content: "UP";
   display: inline-block;
   margin: 0 10px 0 8px;
   padding: 0 5px;
   font-size: 1.1rem;
   color: #fff;
   font-weight: bold;
   background-color: #ef3200;
}
.link--html {
   display: inline-block !important;
   margin: 0 4px !important;
   padding: 0 5px !important;
   background-color: #335c80 !important;
   font-size: 1.1rem !important;
   color: #fff !important;
   font-weight: bold !important;
   text-decoration: none !important;
}
.link--pdf {
   display: inline-block !important;
   margin: 0 4px !important;
   padding: 0 5px !important;
   background-color: #b11010 !important;
   font-size: 1.1rem !important;
   color: #fff !important;
   font-weight: bold !important;
   text-decoration: none !important;
}
.icn__new {
   font-size: 1.1rem;
   line-height: 20px;
   margin: 0 4px;
   padding: 0 5px;
   background-color: #ff5f5f;
   color: #fff;
}
/* Print */
@media print{
   body {
      zoom: 0.56;
      
   }   
   .schedule_table {
      overflow: inherit !important;
   }
   }
/* Common */
.serif{
   font-family: 'Noto Serif JP', serif !important;
}
.maru{
   font-family: "Kosugi Maru" !important;
}
.bold{
   font-weight: bold !important;
}
.txt--g{
   color: #077bbf !important;
}
.ttl_1{
   margin-bottom: 60px;
}
.ttl_1 h2{
   font-size: 2.6rem;
}
.ttl_1 span{
   position: relative;
   padding-left: 60px;
   color: #747f7f;
   font-size: 2.6rem;
   font-weight: normal;
   font-family: 'Montserrat', sans-serif;
}
.ttl_1 span:before{
   content: "";
   position: absolute;
   top: 50%;
   left: 30px;
   width: 3px;
   height: 34px;
   background-color: #077bbf;
   transform: translateY(-50%) rotate(45deg);
}
.btn_wrap{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px 0;
}
.btn_wrap a:first-child{
   margin-left: 0;
}
.btn_wrap a:last-child{
   margin-right: 0;
}
.btn_wrap--l{
   justify-content: flex-start;
}
.btn_wrap--r{
   justify-content: flex-end;
}
.btn_01{
   position: relative;
   display: block;
   min-width: 200px;
   margin: 5px 20px;
   padding: 8px 60px 8px 40px;
   border: 2px solid #077bbf;
   color: #077bbf;
   background-color: #fff;
   text-align: center;
   text-decoration: none;
   transition: all 0.3s;
}
.btn_01:after{
   content: "";
   position: absolute;
   right: 10px;
   top: 50%;
   display: block;
   width: 30px;
   height: 14px;
   background: url(/kitami/img/common/arrow_g.png) right center no-repeat;
   background-size: inherit;
   transform: translateY(-50%);
}
.btn_01.no-arrow{
   padding: 8px 20px 8px 20px;
}
.btn_01.no-arrow:after{
   display: none;
}
.btn_01.hover{
   background-color: #e2ebf2;
   opacity: 1;
}
.btn_02{
   position: relative;
   min-width: 200px;
   margin: 5px 20px;
   padding: 8px 60px 8px 40px;
   background-color: #747f7f;
   color: #fff;
   text-align: center;
   text-decoration: none;
   transition: all 0.3s;
}
.btn_02:after{
   content: "";
   position: absolute;
   right: 10px;
   top: 50%;
   display: block;
   width: 30px;
   height: 14px;
   background: url(/kitami/img/common/arrow_w.png) right center no-repeat;
   background-size: inherit;
   transform: translateY(-50%);
}
.btn_download{
   position: relative;
   display: block;
   line-height: 24px;
   margin: 5px;
   padding: 4px 30px 4px 10px;
   border: 1px solid #aaa;
   color: #333;
   background-color: #fff;
   text-align: center;
   text-decoration: none;
   font-size: 1.6rem;
   font-weight: normal;
   transition: all 0.3s;
}
.btn_download:after{
   content: "";
   position: absolute;
   right: 10px;
   top: 50%;
   display: block;
   width: 20px;
   height: 20px;
   background: url(/kitami/img/common/download.png) center no-repeat;
   background-size: contain;
   transform: translateY(-50%);
}
.btn_more{
   position: relative;
   display: block;
   min-width: 200px;
   margin: 5px 20px;
   padding: 15px 60px 15px 40px;
   background-color: #077bbf;
   color: #fff;
   text-align: center;
   text-decoration: none;
   transition: all 0.3s;
}
.btn_more:after{
   content: "";
   display: inline-block;
   margin-left: 12px;
   border-style: solid;
   border-width: 11px 6px 0 6px;
   border-color: #ffffff transparent transparent transparent;
}
.btn_more.is-open:after{
   content: "";
   display: inline-block;
   margin-left: 12px;
   border-style: solid;
   border-width: 0 6px 11px 6px;
   border-color: transparent transparent #ffffff transparent;
}

.btn_request{
   position: relative;
   display: block;
   width: 80%;
   line-height: 70px;
   margin: 0 auto 5px;
   padding: 4px 30px 4px 10px;
   border: 1px solid #077bbf;
   color: #fff;
   background-color: #077bbf;
   text-align: center;
   text-decoration: none;
   font-size: 2.3rem;
   font-weight: normal;
   transition: all 0.3s;
}
.btn_request:after {
   content: "";
   position: absolute;
   right: 25px;
   bottom: 25px;
   display: block;
   width: 43px;
   height: 14px;
   background: url(/kitami/img/common/arrow_w.png) center no-repeat;
   background-size: contain;
   transition: all 0.4s;
} 

/* All */
html{
   font-size: 62.5%;
}
body {
   position: relative;
   font-family: "Noto Sans JP";
   color: #333;
   background-color: #fff;
   font-size: 1.6rem;
   line-height: 3.0rem;
   min-height: 100vh;
   padding-top: 100px;
}
main{
   position: relative;
   min-height: calc(100vh - 363px);
   padding-bottom: 60px;
   margin: 0 auto;
}
main.top_wrapper{
   padding-left: 00;
   padding-right: 0;
   max-width: inherit;
   margin: auto;
   overflow: hidden;
}
.header{
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 7;
   box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   transition: transform .3s ease;
}
.header--hide {
   transform: translateY(-110%);
 }
.header.is-open{
   position: fixed;
   transform: translateY(0);
}
.header_wrap{
   display: flex;
   justify-content: flex-end;
   align-items: center;
   width: 100%;
   height: 100px;
   padding: 0 40px;
   background-color: #fff;
   transition: all 0.3s;
}
.header_logo{
   width: 570px;
   max-width: 100%;
   margin-right: auto;
}
.header_fontsize{
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-width: 160px;
   margin-right: 60px;
   font-size: 1.6rem;
}
.header_fontsize p{
   margin-right: 10px;
}
.header_fontsize div button{
   line-height: 24px;
}
.header_fontsize div button.active{
   background:linear-gradient(transparent 75%, #87ccfd 75%);
}
.header_fontsize div button:first-of-type{
   margin-right: 10px;
}
.header_fontsize--sp{
   display: none;
}
.header_search form{
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-right: 60px;
   padding-right: 5px;
   border-radius: 15px;
   overflow: hidden;
}
.header_search form input[type="text"]{
   border: none;
   background-color: #f4f4f4;
   width: 180px;
   height: 30px;
   border-radius: 15px;
   padding: 0 15px;
   font-size: 1.6rem;
}
.header_search form input[type="text"]::placeholder{
   color: #aaa;
}
.header_search form input[type="image"]{
   position: absolute;
   top: 0;
   right: 10px;
   width: 30px;
   height: 30px;
   padding: 4px;
}
.header_search--sp{
   display: none;
}

.button-toggle{
   position: relative;
   width: 40px;
   height: 60px;
   cursor: pointer;
   z-index: 6;
}
.button-toggle:before{
   content: "";
   position: absolute;
   top: 5px;
   left: 0;
   display: block;
   width: 100%;
   height: 2px;
   background-color: #077bbf;
   transition: all 0.3s;
}
.button-toggle:after{
   content: "";
   position: absolute;
   top: 35px;
   left: 0;
   display: block;
   width: 100%;
   height: 2px;
   background-color: #077bbf;
   transition: all 0.3s;
}
.toggle_parts{
   position: absolute;
   top: 20px;
   left: 0;
   display: block;
   width: 100%;
   height: 2px;
   background-color: #077bbf;
   transition: all 0.3s;
}
.button-toggle span{
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   text-align: center;
   font-size: 1.2rem;
   color: #888;
}
.button-toggle.is-open:before{
   top: 20px;
   transform: rotate(45deg);
}
.button-toggle.is-open:after{
   top: 20px;
   transform: rotate(-45deg);
}
.button-toggle.is-open .toggle_parts{
   opacity: 0;
}
@keyframes menuHide{
   0% {
         opacity: 1;
      }
      100% {
         opacity: 0;
      }
}
.header_menu{
   /* visibility: hidden; */
   display: none;
   position: absolute;
   top: 100px;
   left: 0;
   width: 100%;
   height: calc(100vh - 100px);
   padding-top: 40px;
   background-color: rgba(255 255 250 / 93%);
   border-top: 2px solid #077bbf;
   text-align: center;
   /* opacity: 0.5;
   z-index: -10;
   transform: translateX(100%);
   transition: all 0.5s ; */
}
/* .header_menu.is-open{
   visibility: visible;
   z-index: 1;
   opacity: 1;
   transform: translateX(0);
} */
.header_menu>ul{
   display: inline-block;
   box-sizing: border-box;
   width: calc((1024px - 30px)/3);
   vertical-align: top;
   text-align: left;
}
.header_menu>ul>li{
   position: relative;
   padding-left: 15px;
   font-size: 1.8rem;
   margin-bottom: 10px;
   color: #666;
}
.header_menu>ul>li>a{
   position: relative;
   color: #077bbf;
   text-decoration: none;
}
.header_menu>ul>li>a:before{
   content: "";
    position: absolute;
    top: 13px;
    left: -10px;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #077bbf;
    transform: rotate(45deg);
}
.header_menu2{
   padding-left: 15px;
   margin: 10px 0 20px 15px;
   border-left: 1px solid #077bbf;
}
.header_menu2>li{
   width: 100%;
}
.header_menu2>li>a{
   color: #333333;
   font-size: 1.6rem;
   text-decoration-color: #077bbf;
}
.header_menu3{
   padding-left: 10px;
   margin: 5px 0 10px 15px;
   border-left: 1px solid #ccc;
}
.header_menu3>li{
   width: 100%;
   line-height: 22px;
}
.header_menu3>li>a{
   color: #333333;
   font-size: 1.5rem;
   text-decoration-color: #077bbf;
}
.header_menu__close{
   position: absolute;
   width: 100%;
   height: 100%;
}
.top_kv_wrap{
   background-color: #e2ebf2;
}
.top_kv{
   position: relative;
   margin: 0 auto;
   overflow: hidden;
}
.top_slider__img{
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: calc(100vh - 280px);
   margin: 0 3px;
}
.top_slider__img--01{
   background-image: url(/kitami/img/top/kv_01.webp);
}
.top_slider__img--02{
   background-image: url(/kitami/img/top/kv_02.webp);
   background-position: top center;
}
.top_slider__img--03{
   background-image: url(/kitami/img/top/kv_03.webp);
   background-position: top center;
}
.top_slider__img--04{
   background-image: url(/kitami/img/top/kv_04.webp);
   background-position: bottom center;
}
.top_tel{
   position: absolute;
   top: 20px;
   right: calc(5% + 10px);
   padding: 15px;
   border-radius: 5px;
   background-color: rgba(255, 255, 255, 0.8);
   font-family: 'Noto Serif JP', serif;
}
.top_tel div:first-of-type{
   margin-bottom: 15px;
}
.top_tel h5{
   position: relative;
   padding-left: 22px;
   padding-bottom: 3px;
   margin-bottom: 6px;
   font-size: 1.7rem;
   border-bottom: 2px solid #333;
}
.top_tel h5:after{
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   display: block;
   width: 18px;
   height: 18px;
   background: url(/kitami/img/common/tel.png) center no-repeat;
   background-size: contain;
   transform: translateY(-50%) rotate(-90deg);
}
.top_tel p{
   font-size: 3.2rem;
   font-weight: 500;
   margin-bottom: 5px;
}
.top_timetable{
   position: absolute;
   bottom: 20px;
   right: calc(5% + 10px);
   padding: 15px;
   border-radius: 5px;
   background-color: rgba(255, 255, 255, 0.8);
}
.top_timetable table{
   text-align: center;
}
.top_timetable table tr th{
   padding: 3px 10px;
   background-color: #e2ebf2;
   font-weight: normal;
}
.top_timetable table tr th:first-of-type{
   font-weight: bold;
}
.top_timetable table tr td{
   padding: 6px 10px;
}
.top_timetable table tr td:nth-of-type(n + 2){
   font-size: 1rem;
}
.top_timetable>p{
   text-align: right;
   font-size: 1.4rem;
}
.top_kv_link{
   display: none;
}
.top_navi_wrap{
   background-color: #e2ebf2;
   padding: 40px 0;
   overflow: hidden;
}
.top_navi0{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto 20px;
}
.top_navi0 a{
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 48px;
   overflow: hidden;
   background-color: #2085a1;
   background-image: url(/img/common/btn_bg.svg);
   background-repeat: repeat;
   background-size: 17px;
   border-radius: 24px;
   color: #fff;
   font-size: 2.0rem;
   text-align: center;
   text-decoration: none;
   text-shadow: 1px 1px 3px #00000052;
   box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}
.top_navi0 a:after{
   content: "";
   position: absolute;
   right: 25px;
   bottom: 13px;
   display: block;
   width: 43px;
   height: 14px;
   margin-top: 6px;
   margin-left: 20px;
   background: url(/azabu/img/common/arrow_w.png) center no-repeat;
   background-size: contain;
   transition: all 0.4s;
}
.top_navi0 a.hover:after{
   transform: translateX(10px);
}
.top_navi1{
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 1200px;
   max-width: 100%;
   margin: 0 auto 20px;
}
.top_navi1 a{
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: calc(50% - 10px);
   height: 120px;
   overflow: hidden;
   background-color: #077bbf;
   color: #fff;
   text-align: center;
   text-decoration: none;
   box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.top_navi1 a:after{
   content: "";
   position: absolute;
   right: 15px;
   bottom: 10px;
   display: block;
   width: 43px;
   height: 14px;
   background: url(/kitami/img/common/arrow_w.png) center no-repeat;
   background-size: contain;
   transition: all 0.4s;
}
.top_navi1 a.hover:after{
   right: 5px;
   bottom: 10px;
}
.top_navi1 a img{
   width: 220px;
   border-radius: 0 8% 8% 0 / 0 50% 50% 0;
}
.top_navi1 a p{
   width: calc(100% - 140px);
   font-size: 2.1rem;
}
.top_navi1 a p span{
   font-size: 1.6rem;
   margin-left: 10px;
   border-bottom: 1px solid #fff;
}
.top_navi2{
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
}
.top_navi2 a{
   position: relative;
   width: 100%;
   height: 140px;
   background-color: #fff;
   color: #077bbf;
   text-align: center;
   text-decoration: none;
   border-bottom: 3px solid #077bbf;
   box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.top_navi2 a:after{
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 2px;
   height: 100%;
   background-color: #e2ebf2;
}
.top_navi2 a:last-of-type:after{
   display: none;
}
.top_navi2 a img{
   flex: 0 0 auto;
   position: absolute;
   top: 50px;
   left: 0;
   right: 0;
   margin: auto;
   transform: translateY(-50%);
   transition: all 0.4s;
}
.top_navi2 a.hover img{
   transform: translateY(-50%) scale(1.2);
}
.top_navi2 a p{
   position: absolute;
   top: 90px;
   width: 100%;
   font-size: 2rem;
   text-align: center;
   font-family: "Kosugi Maru";
}
.top_navi2 a:nth-child(1){
   animation-delay: 0;
}
.top_navi2 a:nth-child(2){
   animation-delay: 0.05s;
}
.top_navi2 a:nth-child(3){
   animation-delay: 0.1s;
}
.top_navi2 a:nth-child(4){
   animation-delay: 0.15s;
}
.top_navi2 a:nth-child(5){
   animation-delay: 0.2s;
}
.top_navi2 a:nth-child(6){
   animation-delay: 0.25s;
}
.top_news_wrap{
   overflow: hidden;
   box-shadow: 0 -5px 5px rgba(0,0,0,0.1);
}
.top_news{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 80px 0 30px;
}
.important_notice{
   background-color: #ffe5e5;
   width: 50%;
   line-height: 100px;
   text-align: center;
   margin: 0 auto 60px;
}
.important_notice i,.important_notice a{
   color: #333;
}
.top_news dl{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
}
.top_news dl dt{
   width: 100px;
   margin-right: 15px;
   border-right: 2px solid #a9c4c3;
}
.top_news dl dd{
   width: calc(100% - 115px);
   margin: 0 0 40px;
}
.top_intro_wrap{
   background: linear-gradient(135deg , #e1fff4 , #e4d2e6);
   overflow: hidden;
}
.top_intro{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 80px;
   text-align: center;
}
.top_intro h2{
   margin-bottom: 80px;
   font-family: 'Noto Serif JP', serif;
   font-size: 2.7rem;
   line-height: 4rem;
}
.top_intro_photo{
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 30px;
}
.top_intro_photo div{
   width: 157px;
   margin: 0 15px;
}
.top_intro_strong{
   width: 100%;
   max-width: 1200px;
   margin: 0 auto 60px;
   padding: 15px;
   border: 2px solid #333;
}
.top_intro_strong p{
   font-size: 2.2rem;
   font-weight: bold;
}
.top_intro_text{
   margin-bottom: 60px;
   font-family: 'Noto Serif JP', serif;
   font-weight: bold;
}
.top_feature_wrap{
   position: relative;
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 80px 0;
   overflow: hidden;
}
.top_feature_wrap:before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 900px;
   height: 900px;
   border-radius: 50%;
   transform: translateX(-50%) translateY(-50%);
   background-color: #f0f6ff;
   z-index: -1;
}
.top_feature{
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   padding: 0 5px 0 0;
}
.top_feature__box{
   position: relative;
   width: calc(25% - 10px);
   box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
   border-left: 1px solid #eeeeee;
   border-top: 1px solid #eeeeee;
}
.top_feature__box img{
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
}
.top_feature__box h3{
   width: 100%;
   padding: 15px 10px;
   background-color: #077bbf;
   color: #fff;
   font-weight: normal;
   font-size: 1.7rem;
}
.top_feature__box__txt{
   padding: 15px;
   font-size: 1.4rem;
   background-color: #fff;
}
.top_feature__box__txt p{
   padding-bottom: 45px;
}
.top_feature__box a{
   position: absolute;
   bottom: 10px;
   right: 10px;
   padding-right: 50px;
   color: #077bbf;
   text-align: center;
   text-decoration: none;
   transition: all 0.3s;
}
.top_feature__box a:after {
   content: "";
   position: absolute;
   right: 10px;
   top: 50%;
   display: block;
   width: 30px;
   height: 14px;
   background: url(/kitami/img/common/arrow_g.png) right center no-repeat;
   background-size: inherit;
   transform: translateY(-50%);
}
.top_feature_bun{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 60px 0;
}
.top_feature_bun a{
   position: relative;
   display: block;
   margin: 0 10px;
}
.top_feature_bun a img{
   display: block;
   margin: 0;
   padding: 0;
   max-width: 280px;
}
.top_feature_bun a span{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 5px;
   text-align: center;
   font-size: 1.8rem;
   background-color: rgba(0,0,0,0.6);
   color: #fff;
}
.top_information_wrap{
   position: relative;
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 80px 45px 80px 5px;
}
.top_information_wrap:before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   display: block;
   width: 100vw;
   height: 100%;
   background-color: #e2ebf2;
   /* background: linear-gradient(180deg, #e2ebf2 80%, #c0efd4 100%); */
   z-index: -1;
}
.top_information{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.top_information>div{
   width: calc(50% - 10px);
}
.top_information__tel{
   position: relative;
   display: flex;
   justify-content: center;
   align-items: stretch;
   width: 100%;
   margin-bottom: 40px;
   background-color: #fff;
}
.top_information__tel:after{
   content: "";
   position: absolute;
   top: 15px;
   left: 50%;
   width: 1px;
   height: calc(100% - 30px);
   background-color: #077bbf;
}
.top_information__tel>div{
   position: relative;
   width: calc(50% - 40px);
   margin: 0 15px;
   padding: 15px 0;
}
.top_information__tel h3{
   position: relative;
   margin-bottom: 10px;
   font-size: 1.8rem;
   text-align: center;
   font-family: 'Noto Serif JP', serif;
}
.top_information__tel h3:before{
   content: "";
   display: inline-block;
   width: 18px;
   height: 18px;
   margin-right: 5px;
   background: url(/kitami/img/common/tel.png) center no-repeat;
   background-size: contain;
   transform: rotate(-90deg);
   vertical-align: middle;
}
.top_information__tel p{
   text-align: center;
   font-size: 3.2rem;
   font-weight: 500;
   margin-bottom: 10px;
   font-family: 'Noto Serif JP', serif;
}
.top_information__tel span{
   display: block;
   font-size: 1.4rem;
   text-align: center;
}
.top_information__timetable table{
   width: 100%;
   text-align: center;
}
.top_information__timetable table tr{
   background-color: #fff;
}
.top_information__timetable table tr th{
   padding: 10px 10px;
   color: #fff;
   background-color: #077bbf;
   font-weight: normal;
}
.top_information__timetable table tr th:first-of-type{
   width: 180px;
}
.top_information__timetable table tr td{
   padding: 10px 10px;
}
.top_information__timetable table tr:nth-of-type(2n + 1) td{
   background-color: #cedfed;
}
.top_information__timetable table tr td:nth-of-type(n + 2){
   font-size: 1rem;
}
.top_information__timetable>p{
   text-align: right;
   font-size: 1.4rem;
}
.top_information__map{
   padding: 15px;
   background-color: #fff;
}
.top_information__map iframe{
   width: 100%;
   height: 298px;
}
.top_information__map__txt{
   position: relative;
   padding-left: 60px;
   margin-bottom: 15px;
}
.top_information__map__txt:before{
   content: "";
   position: absolute;
   top: 0;
   left: 10px;
   display: block;
   width: 27px;
   height: 43px;
   background: url(/kitami/img/common/navi_icn_6.png) center no-repeat;
}
.pagetop_wrap {
   position: fixed;
   bottom: 0;
   right: 0;
   display: block;
   width: 50px;
   height: 50px;
   margin-left: auto;
   overflow: hidden;
   z-index: 6;
}
.pagetop_wrap.pagetop_wrap--fixed {
   position: absolute;
}
.btn__pagetop {
   position: relative;
   bottom: -50px;
   display: block;
   width: 50px;
   height: 50px;
   background-color: #747f7f;
   transition: all 0.3s;
}
.btn__pagetop.hover{
   opacity: 0.8;
}
.btn__pagetop:after{
   content: "";
   position: absolute;
   top: 20px;
   left: 0;
   right: 0;
   display: block;
   width: 20px;
   height: 20px;
   margin: auto;
   border-width: 2px 2px 0 0;
   border-style: solid;
   border-color: #fff;
   transform: rotate(-45deg);
}
.btn__pagetop.btn__pagetop--show{
   bottom: 0;
}
.footer {
   left: 0;
   bottom: 0;
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
   width: 100%;
   padding: 40px 0 0;
   background-color: #e5f1fb;
}
.footer_wrap{
   text-align: center;
}
.footer_logo{
   width: 100%;
   max-width: 400px;
   margin: 0 auto;
}
.footer_navi{
   padding: 60px 0;
}
.footer_navi nav ul{
   max-width: 500px;
   padding: 0;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.footer_navi nav ul li{
   position: relative;
   padding-right: 30px;
}
.footer_navi nav ul li:after{
   content: "";
   position: absolute;
   right: 15px;
   top: 50%;
   display: block;
   height: 22px;
   width: 1px;
   background-color: #333;
   transform: translateY(-50%) rotate(45deg);
}
.footer_navi nav ul li:last-of-type:after{
   content: "";
   display: none;
}
.footer_navi nav ul li a{
   line-height: 40px;
   color: #333;
   text-decoration: none;
}
/* footer link */

.footer_link{
   position: relative;
   padding: 10px 0 20px;
   background-color: #8d9ba5;
}
.footer_link>p{
   position: relative;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   line-height: 32px;
   border-bottom: 1px solid #e1e1e1;
   font-size: 2rem;
   text-decoration: none;
   font-family: 'Noto Serif JP', serif;
   color: #fff;
}
.footer_link>a{
   position: absolute;
   top: 12px;
   right: 20px;
   display: inline-block;
   padding: 3px 24px 3px 10px;
   margin: 0 0 10px 20px;
   line-height: 24px;
   font-size: 1.4rem;
   color: #fff;
   text-decoration: none;
   font-family: 'Noto Serif JP', serif;
   vertical-align: middle;
}
.footer_link>a:after{
   content: "";
   position: absolute;
   right: 12px;
   top: 50%;
   width: 5px;
   height: 5px;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   transform: translateY(-50%) rotate(-45deg);
   background-size: contain;
}
.footer_link ul{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0;
   padding: 0;
}
.footer_link ul li{
   display: block;
}
.footer_link ul li a{
   position: relative;
   display: block;
   width: 140px;
   height: 140px;
   margin: 0 10px;
   text-decoration: none;
   background-color: #00a896;
   color: #fff;
}
.footer_link ul li p{
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   font-size: 1.4rem;
   color: #ffffff;
   background-color: #00000077;
}
.copyright{
   background-color: #65727a;
   color: #fff;
   font-size: 1.3rem;
}

.page_kv{
   position: relative;
   display: block;
   width: 1200px;
   max-width: 100%;
   height: 350px;
   margin: 0 auto;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}
.page_kv__txt{
   position: absolute;
   top: 50%;
   left: 50%;
   display: block;
   width: 600px;
   max-width: 80%;
   padding: 30px 50px;
   background-color: rgba(255, 255, 255, 0.6);
   transform: translate(-50% , -50%);
   text-align: center;
   overflow: hidden;
}
.page_kv__txt h1{
   color: #077bbf;
   font-family: 'Montserrat',"Noto Sans JP", sans-serif;
   font-size: 3.6rem;
   line-height: 4.5rem;
   font-weight: normal;
   margin-bottom: 10px;
   text-shadow: 1px 1px 2px #fff;
}
.page_kv__txt p{
   font-weight: bold;
   text-shadow: 1px 1px 2px #fff;
}
.breadcrumbs{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   background-color: #077bbf;
   color: #fff;
}
.breadcrumbs ul{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   padding: 5px 0;
   margin: 0;
}
.breadcrumbs ul li{
   position: relative;
   padding-left: 40px;
}
.breadcrumbs ul li:before{
   content: "";
   position: absolute;
   top: 50%;
   left: 14px;
   display: block;
   width: 8px;
   height: 8px;
   border-width: 1px 1px 0 0;
   border-style: solid;
   border-color: #ffffff;
   transform: translateY(-50%) rotate(45deg);
}
.breadcrumbs ul li:nth-of-type(1):before{
   content: "";
   position: absolute;
   top: 50%;
   left: 12px;
   display: block;
   width: 20px;
   height: 20px;
   background: url(/kitami/img/common/home.png);
   border-width: 0;
   transform: translateY(-50%);
}
.breadcrumbs ul li a{
   color: #fff;
   text-decoration: none;
}
.page_navi_wrap{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 40px 20px;
   background-color: #ededed;
}
.page_navi{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   width: 1220px;
   max-width: 100%;
   margin: 0 auto;
}
.page_navi:after{
   content: "";
   display: block;
   height: 0;
   width: calc(50% - 20px);
   margin: 0 10px;
}
.page_navi a{
   position: relative;
   display: block;
   width: calc(50% - 20px);
   margin: 10px 10px;
   padding: 12px 30px 12px 18px;
   background-color: #fff;
   box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
   border-radius: 3px;
   color: #444444;
   text-decoration: none;
   font-family: "Kosugi Maru";
   font-size: 1.9rem;
}
.page_navi a:before{
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   display: block;
   height: 20px;
   width: 3px;
   background-color: #077bbf;
}
.article_navi_wrap{
   padding: 10px;
   max-width: calc(100% - 60px);
   margin: 0 auto 15px;
}
.article_navi{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   width: 1220px;
   max-width: 100%;
   margin: 0 auto;
}
.article_navi:after{
   content: "";
   display: block;
   height: 0;
   width: calc(50% - 20px);
   margin: 0 10px;
}
.article_navi a{
   position: relative;
   display: block;
   width: calc(50% - 20px);
   margin: 10px 10px;
   padding: 8px 30px 8px 18px;
   background-color: #fff;
   background-color: #e0e3e7;
   border-radius: 3px;
   color: #444444;
   text-decoration: none;
   font-family: "Kosugi Maru";
   font-size: 1.7rem;
}
.article_navi a:after{
   content: "";
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%)rotate(45deg);
   display: block;
   width: 10px;
   height: 10px;
   border-right: 2px solid #077bbf;
   border-bottom: 2px solid #077bbf;
}
.page_navi2{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   width: 1220px;
   max-width: 100%;
   margin: 0 auto;
}
.page_navi2 a{
   position: relative;
   display: block;
   width: calc(50% - 20px);
   max-width: 500px;
   margin: 10px 10px;
   padding: 24px 10px 24px 10px;
   background-color: #fff;
   box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
   color: #077bbf;
   border: 2px solid #077bbf;
   text-decoration: none;
   text-align: center;
   font-family: "Kosugi Maru";
   font-size: 1.9rem;
}
.page_navi2 a:after{
   content: "";
   display: inline-block;
   margin-left: 15px;
   border-width: 12px 6px 0 6px;
   border-style: solid;
   border-color: #077bbf transparent transparent transparent;
}
.article .pageselecter{
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 0 20px auto;
   padding: 15px 5px;
}
.article .pageselecter.pageselecter--answer{
   position: sticky;
   top: 0;
   z-index: 1;
   background-color: #fff;
}
.article .pageselecter div{
   position: relative;
   font-size: 2rem;
   padding: 0 20px;
   margin: 0;
   color: #333;
}
.article .pageselecter div:before{
   content: "";
   position: absolute;
   top: 50%;
   right: 0;
   display: block;
   width: 1px;
   height: 18px;
   background-color: #077bbf;
   transform: translateY(-50%);
}
.article .pageselecter div:last-child:before{
   display: none;
}
.article .pageselecter div:after{
   content: "";
   position: absolute;
   bottom: -10px;
   left: 50%;
   transform: translateX(-50%);
   display: block;
   border-width: 8px 5px 0 5px;
   border-color: #077bbf transparent transparent transparent;
   border-style: solid;
}
.article .pageselecter a{
   position: relative;
   font-size: 2rem;
   padding: 0 20px;
   color: #077bbf;
   text-decoration: none;
}
.article .pageselecter a.disable{
   pointer-events: none;
   color: #999;
}
.article .pageselecter.pageselecter--answer a{
   font-size: 1.8rem;
}
.article .pageselecter a:last-child:before{
   display: none;
}
.article .pageselecter a:before{
   content: "";
   position: absolute;
   top: 50%;
   right: 0;
   display: block;
   width: 1px;
   height: 18px;
   background-color: #077bbf;
   transform: translateY(-50%);
}
.article .pageselecter.pageselecter--answer a:before{
   background-color: #ccc;
}
.page_main{
   padding: 40px 0;
}
.article{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 40px 0;
}
.article h2{
   position: relative;
   padding: 15px;
   margin-bottom: 30px;
   border-left: 3px solid #077bbf;
   background: linear-gradient(to right , #dbfaff , #e9fbf3);
   font-family: "Kosugi Maru";
   font-size: 2.7rem;
   line-height: 3rem;
   font-weight: normal;
}
.article h3{
   position: relative;
   padding: 10px 15px;
   margin-bottom: 30px;
   /* background-color: #edf1f3; */
   color: #333333;
   font-size: 2.2rem;
   line-height: 2.5rem;
   border-bottom: 1px solid #333333;
}
.article h3.ro{
   color: #fff;
   background-color: #87909d;
   font-weight: normal;
   border-bottom: none;
}
.article h4{
   padding: 10px 0;
   margin-bottom: 20px;
   color: #333333;
   font-size: 2rem;
   line-height: 2.3rem;
}
.article p{
   margin-bottom: 30px;
}
.article p.notice{
   padding: 10px;
   background-color: #fffceb;
   border: 1px solid #d32f00;
}
.article p.notice2{
   padding: 10px;
   background-color: #eeffee;
   border: 1px solid #ababab;
}
.article img{
   display: block;
   margin: 15px auto;
}
.article ul{  
   padding: 0;
   margin-bottom: 30px;
}
.article ul li{
   position: relative;
   padding: 0 0 0 20px;
   margin: 0;
}
.article ul li:before{
   content: "";
   position: absolute;
   left: 8px;
   top: 12.5px;
   display: block;
   width: 4px;
   height: 4px;
   background-color: #333333;
}
.article ol{  
   padding: 0 0 0 24px;
   margin-bottom: 30px;
}
.article ol li{
   position: relative;
   margin: 0;
   list-style-type: decimal;
}
.article dl{
   padding: 0;
   margin-bottom: 30px;
}
.article dl dt{
   position: relative;
   display: table;
   padding: 0;
   margin: 10px 0 0;
   background: linear-gradient(transparent 80%, #c0eeff 80%);
   color: #000000;
   font-size: 1.8rem;
}
.article dl dd{
   position: relative;
   padding: 0 0 0 20px;
   margin: 0;
}
.article dl dd:before{
   content: "";
   position: absolute;
   left: 8px;
   top: 12.5px;
   display: block;
   width: 4px;
   height: 4px;
   background-color: #333333;
}
.article table{
   min-width: 500px;
   margin: 0 0 30px;
}
.article th{
   padding: 10px 15px;
   background-color: #dddddd;
   color: #000000;
   text-align: center;
   font-weight: normal;
   border: 2px solid #fff;
   white-space: nowrap;
}
.article td{
   padding: 10px 15px;
   border: 2px solid #fff;
   background-color: #f4f4f4;
   text-align: left;
   font-weight: normal;
}
.article p>a{
   color: #0066e5;
   text-decoration: underline;
   word-break: break-all;
}
.article iframe{
   width: 562px;
   height: 317px;
   max-width: 100%;
   border: 1px solid #eee;
}
.article__half{
   display: inline-block;
   width: calc(50% - 10px);
   vertical-align: text-top;
}
.article .article__half:nth-child(even):after{
   content: "";
   display: block;
   clear: both;
}
.page_intro{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 40px 0;
}
.page_intro--gray{
   background-color: #ededed;
}
.page_intro p{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   font-size: 1.6rem;
}
.doctor_list{
   margin-bottom: 30px;
}
.doctor_box{
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-shadow: 0px 0px 6px rgb(0 0 0 / 30%);
   font-family: "Kosugi Maru";
}
.doctor_img{
   width: 185px;
   padding: 20px;
}
.doctor_txt{
   width: calc(100% - 485px);
   padding: 20px;
}
.doctor_txt__head{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom: 15px;
}
.doctor_txt__head__name h5{
   font-size: 2.6rem;
   font-family: "Kosugi Maru";
   font-weight: normal;
}
.doctor_txt__head__name p{
   font-size: 1.4rem;
   font-weight: normal;
   color: #666;
}
.doctor_txt__head__cat{
   padding: 5px 10px;
   font-size: 1.8rem;
   color: #077bbf;
   background-color: #f4f4f4;
}
.doctor_txt__head__cat p{
   margin: 0;
}
.doctor_txt__head__cat span{
   font-size: 1.3rem;
}
.doctor_info{
   align-self: stretch;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 300px;
   padding: 20px;
   background-color: #f4f4f4;
}
.doctor_info dl{
   margin: 0 0 15px 0;
}
.doctor_info dl:last-child{
   margin-bottom: 0;
}
.doctor_info dt{
   margin: 0;
   padding: 0;
   font-size: 1.4rem;
   line-height: 2.4rem;
   color: #077bbf;
}
.doctor_info dd{
   margin: 0;
   padding: 0;
   font-size: 1.4rem;
   line-height: 2.4rem;
}
.fx{
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}
.fx>div{
   margin: 0 20px;
}
.fx>div:first-of-type{
   margin: 0 20px 0 0;
}
.fx>div:last-of-type{
   margin: 0 0 0 20px;
}
.fx__img{
   position: relative;
   flex: 0 0 auto;
}
.fx__img:before{
   content: "";
   position: absolute;
   top: 10px;
   left: 10px;
   display: block;
   width: 100%;
   height: 100%;
   background-color: #e2ebf2;
   z-index: -1;
}
.fx__img img{
   display: block;
   margin: 0;
   border: 1px solid #eeeeee;
}
.schedule_wrap{
   width: 100%;
   padding: 40px 0;
   background-color: #f4f4f4;
}
.schedule_table{
   max-width: 1200px;
   margin: 0 auto 30px;
}
.schedule_table table{
   margin: 0 auto 0 0;
   box-shadow: 5px solid #000000aa;
}
.schedule_table table tr th{
   width: 80px;
   padding: 10px 0;
   text-align: center;
   font-weight: normal;
   border: 1px solid #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #7c7366;
   font-size: 1.4rem;
   color: #fff;
}
.schedule_table table tr:nth-child(1) th{
   padding-bottom: 0;
   border-bottom: none;
   border-top: none;
}
.schedule_table table tr:nth-child(2) th{
   padding-top: 0;
   border-top: none;
   font-size: 1.3rem;
}
.schedule_table table tr:nth-child(n + 3) th{
   padding: 10px 6px;
   background-color: #f4f4f4;
   color: #333;
   font-weight: bold;
   position: sticky;
   left: 0;
}
.schedule_table table tr:nth-child(1) th:first-child{
   background-color: #7c7366;
   color: #fff;
   font-size: 3rem;
   padding: 10px;
   position: sticky;
   left: 0;
}
.schedule_table table tr.pm{
   border-top: 2px solid #ddd;
}
.schedule_table table tr.night{
   border-top: 2px solid #ddd;
}
.schedule_table table tr.am th{
   background-color: #fcffb4;
   border-left: none;
}
.schedule_table table tr.pm th{
   background-color: #ffe0cf;
   border-left: none;
}
.schedule_table table tr.night th{
   background-color: #d8dcff;
   border-left: none;
   border-bottom: none;
}
.schedule_table table tr th span{
   font-size: 1.2rem;
   font-weight: normal;
}
.schedule_table table tr th span:before{
   content: "\A" ;
   white-space: pre ;
}
.schedule_table table tr td{
   padding: 5px 0;
   border: 1px solid #ddd;
   background-color: #fff;
   text-align: center;
   font-weight: normal;
   white-space: nowrap;
   font-size: 1.5rem;
}
.schedule_table table tr td:last-child{
   border-right: none;
}
.schedule_table table tr:last-child td{
   border-bottom: none;
}
.schedule_table table tr td span{
   font-size: 1.2rem;
   color: #ff9898;
}
.schedule_table__add{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto 30px;
   text-align: right;
}
.schedule_table__add span{
   color: #ff9898;
}
.schedule_notice{
   width: 1000px;
   max-width: 100%;
   margin: 20px auto;
   border: 1px solid #333;
   background-color: #fff;
}
.schedule_notice li{
   list-style-type: disc;
   font-size: 1.6rem;
   margin-bottom: 10px;
}
.nyuin_photo__wrap{
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: wrap;
   padding: 0 5px 0 0;
   margin-bottom: 30px;
}
.nyuin_photo__wrap .nyuin_photo{
   position: relative;
   width: calc((100% / 2) - 20px);
   padding: 0;
   margin: 10px;
   background-color: #f4f4f4;
   text-align: center;
}
.nyuin_photo__wrap .nyuin_photo img{
   display: inline-block;
   max-width: calc(100% - 20px);
   margin: 0 10px;
   padding: 0;
}
.nyuin_photo__wrap .nyuin_photo h4{
   width: 100%;
   padding: 15px 10px;
   margin-bottom: 20px;
   background-color: #d9d3cc;
   color: #000;
   font-weight: normal;
   font-size: 1.8rem;
   line-height: 2.6rem;
}
.nyuin_photo__wrap .nyuin_photo p{
   min-height: 80px;
   padding: 10px 10px 25px 10px;
   margin: 0;
   text-align: left;
}
.nyuin_photo__wrap .nyuin_photo.nyuin_photo--double{
   width: calc((100% / 1) - 20px);
}
.nyuin_photo__wrap2{
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: wrap;
   padding: 0 5px 0 0;
   margin-bottom: 30px;
}
.nyuin_photo__wrap2 .nyuin_photo{
   position: relative;
   width: calc((100% / 4) - 20px);
   padding: 0;
   margin: 10px;
   text-align: right;
}
.nyuin_photo__wrap2 .nyuin_photo img{
   display: block;
   max-width: calc(100% - 20px);
   margin: 0 auto 0 auto;
   padding: 0;
}
.nyuin_photo__wrap2 .nyuin_photo h4{
   width: 100%;
   padding: 5px 15px;
   margin-bottom: 20px;
   background-color: #ededed;
   color: #444444;
   font-weight: normal;
   font-size: 1.6rem;
   line-height: 2.6rem;
   text-align: center;
}
.nyuin_photo__wrap2 .nyuin_photo p{
   min-height: 80px;
   padding: 10px 10px 25px 10px;
   text-align: left;
}
.nyuin_photo__wrap2 .nyuin_photo.nyuin_photo--double{
   width: calc((100% / 1) - 20px);
}

table.menu_table{
   width: 100%;
}
table.menu_table th{
   white-space: inherit;
   background-color: #ede0d6;
   text-align: left;
}
.menu_table--kitchen{
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   width: 100%;
   margin-bottom: 30px;
}
.menu_table--kitchen>div{
   width: calc(100% / 3);
   padding: 0 0 15px;
   vertical-align: top;
   font-weight: bold;
   text-align: center;
   border: 1px solid #fff;
   background-color: #ede7e1;
}
.menu_table--kitchen>div.blank{
   background-color: transparent !important;
}
.menu_table--kitchen>div:nth-child(2n){
   background-color: #f4f4f4;
}
.menu_table--kitchen>div h4{
   min-height: 76px;
   padding: 15px 0;
   margin: 0;
   font-size: 1.8rem;
   background-color: #e3dad1;
   display: flex;
   justify-content: center;
   align-items: center;
}
.menu_table--kitchen>div:nth-child(2n) h4{
   background-color: #e3e3e3;
}
.menu_table--kitchen img{
   width:240px;
   border: 1px solid #aaa;
   box-shadow: 3px 3px 3px #00000022;
}
.menu_table--kitchen a{
   margin: 5px auto;
   max-width: 240px;
}
.article .statement_table{
   width: 100%;
}
.article .statement_table th{
   width: 320px;
   white-space: inherit;
   background-color: #ede0d6;
}

.radiology_photo__wrap{
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: wrap;
   padding: 15px;
   margin-bottom: 30px;
   background-color: #f4f4f4;
}
.radiology_photo__wrap .radiology_photo{
   position: relative;
   width: calc((100% / 2) - 20px);
   background-color: #fff;
   padding: 0;
   margin: 10px;
   text-align: center;
   box-shadow: 3px 3px 3px #00000022;
}
.radiology_photo__wrap .radiology_photo img{
   display: inline-block;
   max-width: calc(100% - 20px);
   height: 320px;
   margin: 0 10px;
   padding: 0;
}
.radiology_photo__wrap .radiology_photo h4{
   width: 100%;
   padding: 15px 10px;
   background-color: #cad6e1;
   color: #000;
   font-weight: normal;
   font-size: 1.6rem;
   line-height: 2.6rem;
}
.radiology_photo__wrap .radiology_photo p{
   min-height: 80px;
   padding: 10px 10px 25px 10px;
   margin: 0;
   font-size: 1.5rem;
   text-align: left;
}
.photo_gallary__wrap{
   margin: 40px 0 20px;
}
.photo_gallary__wrap>h5{
   font-size: 4.6rem;
   line-height: 3.5rem;
   font-family: Montserrat;
   font-weight: bold;
   color: #e9e4e0;
}
.photo_gallary{
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 20px 60px;
   /* background-color: #ebe4dd; */
   border-top: 2px solid #f1d4bc;
   /* border-bottom: 1px double #e5e0d0; */
   background: linear-gradient(360deg, #ffffff 0%, #e1d6cd 100%);
}
.photo_gallary>div{
   padding: 10px;
}
.photo_gallary>div img{
   margin: 0;
}

.naiji_photo__wrap{
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: wrap;
   padding: 15px 0;
   margin-bottom: 30px;
}
.naiji_photo__wrap h4{
   display: flex;
   justify-content: flex-start;
   align-items: flex-end;
   width: 100%;
   padding: 10px 0 10px;
   margin-bottom: 6px;
   color: #333;
   font-size: 2.1rem;
   font-weight: normal;
   border-bottom: 1px solid #333333;
}
.naiji_photo__wrap h4 a{
   position: relative;
   display: block;
   margin-left: auto;
   padding: 0 30px 0px 15px;
   font-size: 1.6rem;
   line-height: 1.6rem;
   text-decoration: none;
   color: #333;
   background-color: #fff;
}
.naiji_photo__wrap h4 a:after {
   content: "";
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%)rotate(-45deg);
   display: block;
   width: 10px;
   height: 10px;
   border-right: 1px solid #077bbf;
   border-bottom: 1px solid #077bbf;
}
.naiji_photo__wrap .naiji_photo{
   position: relative;
   width: calc((100% / 2) - 20px);
   background-color: #f4f4f4;
   padding: 0 0 10px;
   margin: 10px;
   text-align: center;
   box-shadow: 3px 3px 3px #00000022;
}
.naiji_photo__wrap .naiji_photo img{
   display: inline-block;
   max-width: calc(50% - 10px);
   margin: 0 10px;
   padding: 0;
   vertical-align: middle;
}
.naiji_photo__wrap .naiji_photo h5{
   width: 100%;
   padding: 15px 10px;
   margin-bottom: 15px;
   background-color: #cad6e1;
   color: #000;
   font-weight: normal;
   font-size: 1.6rem;
   line-height: 2.6rem;
}
.naiji_photo__wrap .naiji_photo p{
   min-height: 80px;
   padding: 10px 10px 25px 10px;
   margin: 0;
   font-size: 1.5rem;
   text-align: left;
}
.online_photo__wrap{
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: wrap;
   padding: 15px 0;
   margin-bottom: 30px;
}
.online_photo__wrap h4{
   display: flex;
   justify-content: flex-start;
   align-items: flex-end;
   width: 100%;
   padding: 10px 0 10px;
   margin-bottom: 6px;
   color: #333;
   font-size: 2.1rem;
   font-weight: normal;
   border-bottom: 1px solid #333333;
}
.online_photo__wrap h4 a{
   position: relative;
   display: block;
   margin-left: auto;
   padding: 0 30px 0px 15px;
   font-size: 1.6rem;
   line-height: 1.6rem;
   text-decoration: none;
   color: #333;
   background-color: #fff;
}
.online_photo__wrap h4 a:after {
   content: "";
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%)rotate(-45deg);
   display: block;
   width: 10px;
   height: 10px;
   border-right: 1px solid #077bbf;
   border-bottom: 1px solid #077bbf;
}
.online_photo__wrap .online_photo{
   position: relative;
   width: 100%;
   background-color: #f4f4f4;
   padding: 0 0 10px;
   margin: 10px;
   text-align: center;
   box-shadow: 3px 3px 3px #00000022;
}
.online_photo__wrap .online_photo img{
   display: inline-block;
   max-width: calc(50% - 10px);
   margin: 0 10px;
   padding: 0;
   vertical-align: middle;
}
.online_photo__wrap .online_photo h5{
   width: 100%;
   padding: 15px 10px;
   margin-bottom: 15px;
   background-color: #cad6e1;
   color: #000;
   font-weight: normal;
   font-size: 1.6rem;
   line-height: 2.6rem;
}
.online_photo__wrap .online_photo p{
   min-height: 80px;
   padding: 10px 10px 25px 10px;
   margin: 0;
   font-size: 1.5rem;
   text-align: left;
}
.article .online_qr {
   width: 600px;
   max-width: 100%;
   border: 1px solid #333333;
   padding: 10px;
   margin: 0 auto 30px;
   border-radius: 5px;
}
.article .online_qr p{
 margin-bottom: 5px;
}
.article .online_qr img{
 margin: 10px auto;
}
.news_article--ttl{
   text-align: center;
   background-color: #fff8d9;
   padding: 20px;
   margin: 0 auto 50px;
}
.news_article--ttl h1{
   line-height: 50px;
}
.news_article--ttl i{
   line-height: 50px;
   color:#fd8282 ;
}
.news_article--ttl p{
   margin: 0;
}
.news_article--ttl--1 a{
   text-decoration: none;
}
.news_article--ttl--1 h1{
   color: #7a4949;
   font-weight: normal;
   font-size: 2rem;
}
.news_article--ttl--1 h1::after{
   content: "";
   display: inline-block;
   width:12px;
   height: 12px;
   border-top:2px solid #7a4949;
   border-right: 2px solid #7a4949;
   transform:translateX(10px) rotate(45deg);
}
.news_article--ttl--1 i{
   font-size: 3rem;
   vertical-align: bottom;
}
.news_article_01,.news_article_03{
   margin-right: auto;
   justify-content:flex-start;
   align-items: center;
}

.news_img_notice{
   margin: 50px auto;
   width: 100%;
   
}
.news_img_notice--1{
   border:4px double #f00;
   background-color: #fffbe5;
}
.news_img_notice--2{
   border:none;
   background-color:none;
}
.news_inquiry{
   color: #077bbf;
   background-color: #f4f4f4;
   padding: 30px;
}
.news_inquiry p{
   margin: 0;
}
.img_article_04{
   margin-bottom: 50px;
}
#a3 .notice{
   max-width: 50%;
}
/* CMS */
.pager {
   text-align: center;
   padding: 10px;
   clear: both;
}
.pager a {
   color: #333;
   background-color: #eee;
   font-size: 15px;
   padding: 5px 12px;
   text-decoration: none;
   margin: 0 1px;
}
.pager a.current {
   background: #34a997;
   color: #fff;
}
.pager a:hover {
   background: #34a997;
   color: #fff;
}
.overPagerPattern {
   padding: 0 2px;
}

/* Answer */
.item--sort{
   display: flex;
    flex-direction: column;
}
.item--sort > div{
   width: 100%;
}
.answer_yearlist{
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 0 3px 35px;
   border-bottom: 1px solid #ccc;
   display: flex;
   justify-content: flex-start;
}
.answer_thispage{
   display: none;
}
.answer_yearlist h2{
   font-weight: normal;
   font-size: 1.6rem;
   line-height: 40px;
   margin-right: auto;
}
.answer_yearlist ul{
   padding: 3px 10px;
   margin: 0;
   border: 1px solid #aaa;
   background-color: #fff;
   border-radius: 3px 0 0 3px;
}
.answer_yearlist p{
   margin-right: 10px;
   line-height: 40px;
}
.answer_yearlist ul li{
   display: none;
}
.answer_yearlist ul.is--open li{
   display: block;
}
.answer_yearlist ul li.is--active{
   display: block;
}
.answer_yearlist ul li.is--active a{
   pointer-events:none;
}
.answer_yearlist ul.is--open li.is--active a{
   color: #34a997;
}
.answer_yearlist__open{
   position: relative;
   display: block;
   width: 40px;
   height: 40px;
   background-color: #077bbf;
   border-radius: 0 3px 3px 0;
}
.answer_yearlist__open:before {
   content: "";
   position: absolute;
   top: 40%;
   left: 50%;
   display: block;
   width: 16px;
   height: 16px;
   border-width: 2px 2px 0 0;
   border-style: solid;
   border-color: #ffffff;
   transform: translateY(-50%) translateX(-50%) rotate(135deg);
   transition: all 0.3s;
}
.answer_yearlist__open.is--open:before {
   content: "";
   position: absolute;
   top: 60%;
   left: 50%;
   display: block;
   width: 16px;
   height: 16px;
   border-width: 2px 2px 0 0;
   border-style: solid;
   border-color: #ffffff;
   transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.article h4.answer_ttl{
   padding: 16px;
   margin-bottom: 30px;
   border-radius: 10px;
   color: #ffffff;
   background-color: #23608f;
   font-weight: normal;
}
.answer_box{
   margin: 0 auto 50px;
   border-radius: 10px;
   border: 1px solid #acb6c3;
   overflow: hidden;
}
.answer_box h5{
   padding: 12px 0;
   font-size: 1.8rem;
   margin-bottom: 7px;
   border-bottom: 1px dashed #aaa;
}
.answer_box p{
   margin: 0;
}
.answer_q{
   position: relative;
   padding: 15px 15px 15px 85px;
   background-color: #e5f1fb;
}
.answer_box .answer_q:nth-of-type(n + 2){
   border-top: 1px solid #fff;
}
.answer_q:before{
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   display: block;
   width: 55px;
   height: 55px;
   background: url(/kitami/img/answer/q_1.png) no-repeat;
   background-position: center top;
   border: 2px solid #ff9090;
   background-color: #fff;
   border-radius: 50%;
   background-size: 65px;
}
.answer_q.ansicn--1:before{
   background-image: url(/kitami/img/answer/q_1.png);
}
.answer_q.ansicn--2:before{
   background-image: url(/kitami/img/answer/q_2.png);
}
.answer_q.ansicn--3:before{
   background-image: url(/kitami/img/answer/q_3.png);
}
.answer_a{
   position: relative;
   padding: 15px 15px 15px 85px;
}
.answer_a:before{
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   display: block;
   width: 55px;
   height: 55px;
   background: url(/kitami/img/answer/a_1.png) no-repeat;
   background-position: center top;
   border: 2px solid #077bbf;
   background-color: #e2f2ef;
   border-radius: 50%;
   background-size: 65px;
}




@media screen and (max-width: 1200px) {
   main{
      padding: 0 0 60px;
   }
}










@media screen and (max-width: 1024px) {
.is--pc {display: none !important;}
.is--sp {display: block !important;}  
.spbr {display: block !important;}  
body {
   font-size: 1.4rem;
   line-height: 2.2rem;
   padding-top: 60px;
}
main{
}

.header{
   width: 100%;
}
.header_wrap{
   box-sizing: border-box;
   height: 60px;
   padding: 0 10px;
}
.header_logo{
   width: 300px;
   max-width: calc(100% - 40px);
}
.header_fontsize{
   display: none;
}
.header_search{
   display: none;
}
.header_menu{
   top: 60px;
   height: calc(100vh - 60px);
   padding-top: 0px;
   overflow-x: scroll;
}
.header_menu>ul{
   width: 100%;
   padding-left: 10px;
}
.header_menu>ul>li{
   font-size: 1.6rem;
   text-align: left;
}
.header_menu2>li{
   margin-bottom: 5px;
}
.header_menu3>li{
   margin-bottom: 5px;
}
.header_menu__close{
   display: none;
}
.header_fontsize--sp{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 20px;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   font-size: 1.6rem;
   background-color: #eee;
   z-index: 1;
}
.header_fontsize--sp p{
   margin-right: 10px;
   z-index: 1;
}
.header_fontsize--sp div{
   z-index: 1;
}
.header_fontsize--sp div button{
   line-height: 24px;
}
.header_fontsize--sp div button.active{
   background:linear-gradient(transparent 75%, #3acbdd 75%);
}
.header_fontsize--sp div button:first-of-type{
   margin-right: 10px;
}
.header_search--sp{
   display: block;
   background-color: #eee;
   padding: 10px 20px;
   margin-bottom: 30px;
   border-bottom: 1px solid #ddd;
   z-index: 1;
}
.header_search--sp form{
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding-right: 5px;
   border-radius: 15px;
   overflow: hidden;
}
.header_search--sp form input[type="text"]{
   border: none;
   background-color: #ffffff;
   width: calc(100% - 40px);
   height: 30px;
   border-radius: 15px;
   padding: 0 15px;
   font-size: 1.6rem;
}
.header_search--sp form input[type="text"]::placeholder{
   color: #888;
}
.header_search--sp form input[type="image"]{
   position: absolute;
   top: 0;
   right: 10px;
   width: 30px;
   height: 30px;
   padding: 4px;
}
.button-toggle{
   width: 34px;
}
.button-toggle:before{
   top: 10px;
}
.button-toggle:after{
   top: 34px;
}
.toggle_parts{
   top: 22px;
}
.top_slider__img{
   height: calc(30vh);
}
.top_kv_link{
   position: absolute;
   right: 0;
   bottom: 0;
   display: flex;
   justify-content: space-between;
   max-width: 45%;
   padding: 0 10px;
}
.top_kv_link a{
   position: relative;
   display: block;
   width: calc((100% - 18px)/3);
   padding: 2px 2px 25px;
   background-color: #077bbf;
   text-align: center;
   text-decoration: none;
}
.top_kv_link a:after{
   content: "";
   position: absolute;
   bottom: 5px;
   left: 0;
   right: 0;
   display: block;
   width: 6px;
   height: 6px;
   margin: auto;
   border-width: 2px 2px 0 0;
   border-style: solid;
   border-color: #fff;
   transform: rotate(135deg);
}
.top_kv_link a img{
   margin-bottom: 10px;
   margin-bottom: 0;
}
.top_kv_link a:nth-of-type(1) img{
   margin-top: 3px;
   width: 90%;
}
.top_kv_link a:nth-of-type(2) img{
   width: 65%;
   margin-top: 1px;
}
.top_kv_link a:nth-of-type(3) img{
   margin-top: 3px;
   width: 86%;
}
.top_kv_link a p{
   position: absolute;
   left: 50%;
   bottom: 16px;
   margin: 0;
   font-size: 10px;
   line-height: 12px;
   text-decoration: none;
   color: #fff;
   transform: translateX(-50%);
   white-space: nowrap;
}
.top_tel{
   display: none;
}
.top_timetable{
   display: none;
}
.top_navi0{
   padding: 0 10px;
}
.top_navi0 a{
   height: 55px;
   border-radius: 27.5px;
   font-size: 1.7rem;
}
.top_navi1{
   display: block;
   width: 100%;
   max-width: 600px;
   padding: 0 10px;
}
.top_navi1 a{
   width: 100%;
   height: 83px;
   margin-bottom: 20px;
}
.top_navi1 a img{
   width: 140px;
   border-radius: 0 7% 7% 0 / 0 50% 50% 0;
}
.top_navi1 a p{
   font-size: 1.8rem;
}
.top_navi2{
   padding: 0 10px;
   justify-content: center;
   flex-wrap: wrap;
   border-bottom: none;
   box-shadow: none;
}
.top_navi2 a{
   width: calc(50% - 16px);
   max-width: 285px;
   height: 100px;
   margin: 0 8px 20px;
   border-radius: 5px;
   box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
   border-bottom: none;
}
.top_navi2 a:after{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 30%;
   height: 3px;
   background-color: #077bbf;
   transform: translateX(-50%);
}
.top_navi2 a img{
   top: 36px;
   transform: translateY(-50%) scale(0.8);
}
.top_navi2 a.hover img{
   transform: translateY(-50%) scale(1);
}
.top_navi2 a p{
   top: 65px;
   font-size: 1.5rem;
}
.top_news{
   padding: 60px 10px;
}
.ttl_1{
   text-align: center;
}
.ttl_1 h2{
   font-size: 2.4rem;
}
.ttl_1 span{
   display: block;
   padding: 30px 0 0 0;
   font-size: 1.4rem;
}
.ttl_1 span:before{
   width: 26px;
   height: 4px;
   left: 50%;
   top: 18px;
   transform: translate(-50% , -50%);
}
.top_news dl{
   display: block;
}
.top_news dl dt{
   border: none;
   color: #077bbf;
}
.top_news dl dd{
   width: 100%;
}
.btn_wrap{
   flex-wrap: wrap;
   justify-content: center;
}
.btn_wrap--l{
   justify-content: center;
}
.btn_wrap--r{
   justify-content: center;
}
.top_intro{
   padding: 60px 10px; 
}
.top_intro_photo{
   flex-wrap: wrap;
}
.top_intro_photo div{
   width: calc(50% - 10px);
   margin: 0 5px;
}
.top_intro h2{
   font-size: 2.2rem;
   margin-bottom: 30px;
}
.top_intro_strong p{
   font-size: 1.8rem;
}
.top_intro_text{
   font-size: 1.6rem;
   line-height: 3.2rem;
   text-align: left;
}
.top_feature{
   width: 100%;
   max-width: 500px;
   margin: 0 auto 30px;
   padding: 0 15px;
   flex-wrap: wrap;
}
.top_feature__box{
   width: 100%;
   margin-bottom: 20px;
}
.top_feature__box h3{
   font-size: 1.6rem;
   padding: 15px 10px;
}
.top_feature__box__txt{
   padding: 10px;
}
.top_feature_bun{
   padding: 30px 0;
   flex-wrap: wrap;
   background-color: #f4f4f4;
}
.top_feature_bun a{
   margin-bottom: 10px;
}
.top_information_wrap:before{
   display: none;
}
.top_feature_wrap{
   padding: 60px 0 30px;
}
.top_feature_wrap:before{
   display: none;
}
.top_information_wrap{
   padding: 40px 10px;
}
.top_information{
   display: block;
}
.top_information>div{
   width: 100%;
}
.top_information__tel{
   display: block;
}
.top_information__tel>div{
   width: 86%;
   margin: 0 0 10px -10px;
   padding: 20px 15px;
   background-color: #e2ebf2;
   box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
}
.top_information__tel:after{
   display: none;
}
.top_information__tel h3{
   text-align: left;
   color: #077bbf;
}
.top_information__tel h3:before{
   display: none;
}
.top_information__tel a{
   position: absolute;
   right: 0;
   top: 50%;
   display: block;
   width: 60px;
   height: 60px;
   padding-top: 35px;
   color: #fff;
   background-color: #077bbf;
   transform: translateX(50%) translateY(-50%);
   font-size: 1.2rem;
   text-decoration: none;
   text-align: center;
}
.top_information__tel a:after{
   content: "";
   position: absolute;
   bottom: 25px;
   left: 50%;
   display: block;
   width: 30px;
   height: 30px;
   background: url(/kitami/img/common/tel_w.png) center no-repeat;
   background-size: contain;
   transform: translateX(-50%) rotate(-90deg);

}
.top_information__timetable{
   position: relative;
   margin: 20px auto 40px;
   padding: 30px 10px 20px;
   box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.top_information__timetable:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 40px;
   height: 40px;
   background: url(/kitami/img/common/info_time.png) center no-repeat;
   background-size: contain;
   transform: translateY(-50%);
}
.top_information__timetable table tr th:first-of-type{
   width: 120px;
}
.top_information__map{
   position: relative;
   padding: 30px 10px 20px;
   box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.top_information__map:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 40px;
   height: 40px;
   background: url(/kitami/img/common/info_map.png) center no-repeat;
   background-size: contain;
   transform: translateY(-50%);
}
.top_information__map__txt{
   padding-left: 10px;
}
.top_information__map__txt:before{
   display: none;
}
.page_kv{
   height: 220px;
}
.page_kv__txt{
   width: 300px;
   max-width: 70%;
   padding: 20px 40px;
}
.page_kv__txt h1{
   font-size: 2.6rem;
   line-height: 3.6rem;
   margin-bottom: 0;
}
.page_navi_wrap{
   padding: 20px 5px;
}

.page_navi:after{
   content: "";
   display: block;
   height: 0;
   width: 100%;
   max-width: 340px;
   margin: 0 6px;
}
.page_navi a{
   width: 100%;
   max-width: 340px;
   margin: 6px;
   padding: 8px 20px 8px 16px;
   font-size: 1.7rem;
}
.page_navi a:before{
   height: 20px;
}
.article_navi_wrap{
   max-width: calc(100% - 20px);
   padding: 10px 5px;
}

.article_navi:after{
   content: "";
   display: block;
   height: 0;
   width: 100%;
   max-width: 340px;
   margin: 0 6px;
}
.article_navi a{
   width: 100%;
   max-width: 340px;
   margin: 6px;
   padding: 8px 20px 8px 16px;
   font-size: 1.7rem;
}
.article_navi a:before{
   height: 20px;
}
.page_main{
   padding: 25px 0;
}
.article{
   padding: 20px 4px;
}
.article h2{
   min-width: 80%;
   padding: 10px 15px;
   margin-bottom: 20px;
   font-size: 2.2rem;
}
.article h3{
   padding: 5px;
   margin-bottom: 20px;
   font-size: 2rem;
}
.article h4{
   font-size: 1.8rem;
   margin-bottom: 12px;
}
.article p{
   margin-bottom: 20px;
}
.article ul{
   margin-bottom: 20px;
}
.article ul li:before{
   top: 9.5px;
}
.article dl dt{
   font-size: 1.6rem;
}
.article table{
   min-width: inherit;
   margin: 0 10px 20px;
}
.article th{
   padding: 10px;
}
.article td{
   padding: 10px;
}
.article__half{
   display: block;
   width: 100%;
}
.page_intro{
   width: 100%;
   padding: 30px 10px;
}
.page_intro p{
   font-size: 1.4rem;
}
.page_navi2 a{
   width: 100%;
   padding: 10px;
}
.article .pageselecter{
   width: 100%;
   margin: 0 0 20px auto;
}
.article .pageselecter div{
   padding: 0 8px;
   font-size: 1.5rem;
}
.article .pageselecter a{
   padding: 0 8px;
   font-size: 1.5rem;
}
.doctor_box{
   overflow: hidden;
   flex-wrap: wrap;
}
.doctor_img{
   width: 165px;
   max-width: 50%;
   min-height: 221px;
   padding: 10px;
}
.doctor_txt{
   width: calc(100% - 165px);
   padding: 10px;
}
.doctor_txt__head{
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
   white-space: nowrap;
}
.doctor_txt__head__name{
   margin: 10px;
   text-align: center;
}
.doctor_txt__head__name h5{
   font-size: 2.2rem;
}
.doctor_txt__head__name p{
   font-size: 1.2rem;
}
.doctor_txt__head__cat p{
   font-size: 1.6rem;
   text-align: center;
   margin: 0;
}
.doctor_info{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   width: 100%;
}
.doctor_info dl{
   width: calc(50% - 20px);
   margin: 0 10px;
}
.fx{
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   margin-bottom: 30px;
}
.fx>div{
   max-width: calc(100% - 20px);
   margin: 0 auto 15px auto;
}
.fx>div:first-of-type{
   margin: 0 auto 15px auto;
}
.fx>div:last-of-type{
   margin: 0 auto 15px auto;
}
.schedule_notice li{
   font-size: 1.4rem;
}

.nyuin_photo__wrap .nyuin_photo{
   width: 100%;
}
.nyuin_photo__wrap .nyuin_photo.nyuin_photo--double{
   width: 100%;
}
.nyuin_photo__wrap .nyuin_photo h4{
   font-size: 1.6rem;
}
.nyuin_photo__wrap .nyuin_photo p {
   min-height: inherit;
}

.nyuin_photo__wrap2 .nyuin_photo{
   width: 100%;
   max-width: 400px;
}
.nyuin_photo__wrap2 .nyuin_photo.nyuin_photo--double{
   width: 100%;
}
.nyuin_photo__wrap2 .nyuin_photo h4{
   font-size: 1.5rem;
}

table.menu_table{
   max-width: 500px;
   margin: 0 auto;
}
table.menu_table th{
   display: block;
   padding: 15px 5px;
}
table.menu_table td{
   display: block;
   padding: 15px 5px;
}
table.menu_table td .btn_download{
   max-width: 260px;
   margin: 0 auto;
}
table.menu_table td img{
   max-width: 320px;
}


.menu_table--kitchen{
   justify-content: center;
   margin: 0 auto;
}
.menu_table--kitchen:after{
   content: "";
   width: 100%;
   max-width: 350px;
   height: 0;
}
.menu_table--kitchen>div{
   width: 100%;
   max-width: 350px;
   padding: 0 0 15px;
}
.menu_table--kitchen>div .btn_download{
   max-width: 260px;
   margin: 0 auto;
}
.menu_table--kitchen>div h4{
   min-height: inherit;
   font-size: 1.5rem;
}
.menu_table--kitchen>div img{
   max-width: 320px;
}

.article .statement_table{
   width: 100%;
   margin: 0;
}
.article .statement_table th{
   display: block;
   width: 100%;
}
.article .statement_table td{
   display: block;
   width: 100%;
}


.radiology_photo__wrap{
   padding: 0;
   background-color: #fff;
}
.radiology_photo__wrap .radiology_photo{
   width: 100%;
   margin: 5px;
   box-shadow: none;
}
.radiology_photo__wrap .radiology_photo h4{
   font-size: 1.4rem;
}
.radiology_photo__wrap .radiology_photo img{
   height: auto;
   max-width: calc(100% - 100px);
}
.radiology_photo__wrap .radiology_photo p {
   min-height: inherit;
   padding: 3px 3px 20px;
}
.photo_gallary__wrap{
   margin: 20px 0;
}
.photo_gallary__wrap>h5{
   font-size: 3.2rem;
   line-height: 2.3rem;
}
.photo_gallary{
   padding: 20px;
   border-top: 2px solid #f1d4bc;
}
.photo_gallary>div{
   padding: 3px;
}

.naiji_photo__wrap{
   padding: 0;
   background-color: #fff;
}
.naiji_photo__wrap h4{

}
.naiji_photo__wrap .naiji_photo{
   width: 100%;
   margin: 5px;
   box-shadow: none;
}
.naiji_photo__wrap .naiji_photo h5{
   padding: 5px 10px;
   font-size: 1.4rem;
}
.naiji_photo__wrap .naiji_photo img{
   height: auto;
   max-width: calc(50% - 15px);
   margin: 3px;
}
.naiji_photo__wrap .naiji_photo p {
   min-height: inherit;
   padding: 3px 3px 20px;
}
.online_photo__wrap{
   padding: 0;
   background-color: #fff;
}
.online_photo__wrap h4{

}
.online_photo__wrap .online_photo{
   width: 100%;
   margin: 5px;
   box-shadow: none;
}
.online_photo__wrap .online_photo h5{
   padding: 5px 10px;
   font-size: 1.4rem;
}
.online_photo__wrap .online_photo img{
   height: auto;
   max-width: calc(50% - 15px);
   margin: 3px;
}
.online_photo__wrap .online_photo p {
   min-height: inherit;
   padding: 3px 3px 20px;
}
.online_qr {
   width: 100%;
}
.btn_request {
   width: 100%;
   font-size: 1.8rem;
   color: #ffffff;
   background-color: #077bbf;
}
/* footer link */

.footer_link>p{
   font-size: 1.7rem;
   margin-bottom: 15px;
}
.footer_link>a{
   position: relative;
   top: inherit;
   right: inherit;
   width: 120px;
   margin: 0 0 10px;
}
.footer_link ul{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.footer_link ul li a{
   margin: 10px;
}
.important_notice{
   width: 80%;
}
.news_article--ttl--1 h1{
   position: relative;
   font-size: 2.3rem;
    line-height: 40px;
}
.news_article--ttl--1 h1:after{
   position: absolute;
   top: 70%;
   right: 20px;
}
.news_article--ttl--1 i{
   font-size: 4.5rem;
   margin-bottom: 15px;
}
.news_article figure{
   width:100%;
}
.news_article_01 fx__img img,.news_article_03 fx__img img{
   margin:0 auto;
}
.news_article_01>div:first-of-type,.news_article_03>div:first-of-type{
   margin: 10px auto 40px;
}
#a3 .notice{
   max-width: 60%;
}
.schedule_table table{
   width: 1200px;
}
.schedule_table table tr th span{
   font-size: 1rem;
}
.schedule_table table tr:nth-child(1) th:first-child{
   width: 100px;
}

/* Answer */
.answer_yearlist{
   flex-wrap: wrap;
   justify-content: flex-end;
   padding: 0 0 10px;
}
.answer_yearlist h2{
   padding: 0 10px 20px;
   font-size: 1.4rem;
   line-height: 2em;
}
.answer_yearlist ul li{
   line-height: 30px;
}
.article h4.answer_ttl{
   padding: 10px;
   margin-bottom: 20px;
}
.answer_q{
   padding: 15px;
}
.answer_a{
   padding: 15px;
}
.answer_box h5{
   padding: 18px 0 20px 75px;
   line-height: 30px;
}
.answer_box p{
   margin-bottom: 0;
}

}





















@media screen and (max-width: 480px) {
   
.doctor_box{
   position: relative;
}
.doctor_txt{
   width: 100%;
}
.doctor_txt__head{
   position: absolute;
   top: 60px;
   right: 0;
   flex-direction: column;
   justify-content: center;
   width: calc(100% - 165px);
   min-width: 150px;
   align-items: center;
}
.doctor_txt__head__cat span:before{
   content: "\A" ;
   white-space: pre ;
}
.doctor_info{
   display: block;
}
.doctor_info dl{
   width: 100%;
   margin: 0 0 10px 0;
}
.top_kv_link a p{
   transform: translateX(-50%) scale(0.8);
}
.important_notice{
   width: 100%;
}

}