#recruit .btn/* -------------------   CLEAR   ------------------- */

.clear{width:100%; float:none; clear:both; overflow:hidden; }
a:hover{text-decoration:none;}
a{ color:#292929; }
ul{ padding-left:0; }

/* -------------------   LOADER   ------------------- */
li{
  list-style: none!important;
}
#recruit .qbox p {
  display: none;
}
#loader-bg { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; z-index: 99998; }
#loader { display: none;}

.pre_loader-wrapper{ margin: 0; position: absolute; display: table; z-index: 999999; height: 100%; width: 100%; background: linear-gradient(90deg, #ffffff, #f6f6fb); }
.pre_loader { position: absolute; margin: auto; top: calc(50%); left: calc(50% - 35px); }

.dx_txt { color: #000; margin: 5px 0; text-transform: uppercase; text-align: center; font-family: 'Arial', sans-serif; font-size: 10px; letter-spacing: 2px; }
.step_box{margin-top: -92px; height: 78px; font-size: 20px}
.pre_loader .dx_line { width: 1px; height: 12px; background: #000; margin: 0 1px; display: inline-block; animation: opacity-2 1000ms infinite ease-in-out; -webkit-animation: opacity-2 1000ms infinite ease-in-out; }
.pre_loader .line-1 { animation-delay: 800ms; -webkit-animation-delay: 800ms;}
.pre_loader .line-2 { animation-delay: 600ms; -webkit-animation-delay: 600ms;}
.pre_loader .line-3 { animation-delay: 400ms; -webkit-animation-delay: 400ms;}
.pre_loader .line-4 { animation-delay: 200ms; -webkit-animation-delay: 200ms;}
.pre_loader .line-6 { animation-delay: 200ms; -webkit-animation-delay: 200ms;}
.pre_loader .line-7 { animation-delay: 400ms; -webkit-animation-delay: 400ms;}
.pre_loader .line-8 { animation-delay: 600ms; -webkit-animation-delay: 600ms;}
.pre_loader .line-9 { animation-delay: 800ms; -webkit-animation-delay: 800ms;}
.btn_radder{display: flex;
  vertical-align: bottom!important;}
#p01, #p02, #p03, #p04, #p05{padding-top: 200px; margin-top: -200px;}
.btn_radder li{
 width:25%; /* 表示する画像の最大横幅を指定 */
    height:390px; /* 表示する画像の最大縦幅を指定 */
    position:relative;
}
.btn_radder li img{
  position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;

}
.more_link{
  margin-top: 30px;
  font-size: 13px;
}
.news_list li{
  border-bottom:1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 30px; 
}
#recruittour .box1 .left1 {
  line-height: 2;
  margin-top: 8px;
}
a{
 cursor: pointer!important;
cursor: hand!important;
}
a:hover{
  opacity: 0.9;
}
#senior .area4 div{
  border-radius: 10px;
}
#senior .area4 div .image1 img{
  border-radius: 10px 10px 0px 0px!important;
}
#senior .area4 a:hover{
  opacity: 0.8!important;
}
/* Animations */
@keyframes opacity-1 { 
  0% { 
    opacity: 1;
  }
  50% { 
    opacity: 0;
  }
  100% { 
    opacity: 1;
  }  
}

@keyframes opacity-2 { 
  0% { 
    opacity: 1;
    height: 15px;
  }
  50% { 
    opacity: 0;
    height: 12px;
  }
  100% { 
    opacity: 1;
    height: 15px;
  }  
}

@-webkit-keyframes opacity-2 { 
  0% { 
    opacity: 1;
    height: 15px;
  }
  50% { 
    opacity: 0;
    height: 12px;
  }
  100% { 
    opacity: 1;
    height: 15px;
  }  
}
/* -------------------   ALL   ------------------- */
  
*, body { font-family:'Noto Sans JP',"游ゴシック体",Yu Gothic,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif; color:#2e2e2e; font-size:15px; letter-spacing: 2px; font-weight: 100; }
@font-face {
  font-family: 'dinbold';
  src: url('fonts/DIN-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'din';
  src: url('fonts/DIN-Regular.ttf')  format('truetype');
}
#zadankai{
  width: 900px;
  margin:0 auto;
}
#zadankai h3{
  font-size: 27px;
    text-align: center;
    color: #e28db3;
    margin: 100px 0px 50px 0px;
}

#zadankai .column_box, #zadankai .column_box2{
  margin-top: 80px;
  display: flex;
}
#zadankai p{margin-bottom: 30px;
}
#zadankai .column_box .left{
  width: 30%;
margin:0px 50px 50px 0px;  }

#zadankai .img-box{
  margin-top: 60px;
}

#zadankai .column_box .right{
  width: 70%;
margin:0px 0px 0px 50px;  }

#zadankai .column_box2 .left{
  width: 30%;
margin:0px 0px 50px 50px;  }

#zadankai .column_box2 .right{
  width: 70%;
margin:0px 50px 50px 0px;  }
#zadankai .green{margin-bottom: 10px;color:#90c850; font-weight: bold; }
#zadankai .pink{margin-bottom: 10px;color:#e28db3; font-weight: bold; }
#zadankai .purple{margin-bottom: 10px;color:#7e7cbf; font-weight: bold; }

.container{ }
.entry-content{ padding-bottom:50px; }
.entry-title, .entry-title a{ font-size:20px; padding-bottom:25px; }
.singlearc, .singlecontentarc{ padding-bottom:25px; }
.fadeb_slider{ padding-left:5px; padding-right:5px; }

/* -------------------   SITE STRUCTURE   ------------------- */

.headerpage{ margin-bottom:60px; padding:37px 0px 23px; }
.headerpage_senior{ background:#e28db3; color:#fff; }
.headerpage .title{ padding-top:3px; font-size:32px; color:#fff; text-align:center; font-family: 'Noto Serif JP', serif; letter-spacing: 7px;    padding-bottom: 10px;}
.headerpage .subtitle{ padding-top:20px; font-size:14.5px; color:#fff; text-align:center; letter-spacing:2px; font-family:"din", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }
.headerpage .headerpage_breadcrumb, .headerpage .headerpage_breadcrumb .taxonomy span, .headerpage .headerpage_breadcrumb .taxonomy, .headerpage .headerpage_breadcrumb a{ font-size:13px; color:#fff!important; text-align:center; }
.headerpage .headerpage_breadcrumb .home span, .headerpage .headerpage_breadcrumb .post{ font-size:13px; color:#fff!important; }

.headerpage_recruit{ background:#d5848b; color:#fff; }
.headerpage_hospital{ background:#bac91c; color:#fff; }
.headerpage_education{ background:#f2b64f; color:#fff; }
.headerpage_aboutus{ background:#8785bf; color:#fff; }

.top1{ padding-top:30px; padding-bottom:30px; }
.twoline{ height:2px; border-top:1px solid #8583be; position: relative; z-index:-1; }
.twoline:after{ width:100%; content:''; border-top:1px solid #8583be; position:absolute; bottom:-5px; left:0; }
.toptitlebox{ margin-top:-10px; text-align:center; }
.toptitle{ background:#fff; display:inline-block; padding:0px 50px; font-size:14.5px; color:#8583be; }
.head_title{ padding:24px 0px 13px; text-align:center; font-size:23px; color:#6a68af; }

.top_slider{ background:#f6f6fb; padding-top: 40px;  padding-bottom: 1px;position:relative; }
.slick-slider{
  padding-top: 5px;
}
/* -------------------   NAVIGATION   ------------------- */

.navigation-link{ }

/* -------------------   SIDEBAR   ------------------- */

#secondary{ padding-left:40px; }
.widget{ margin-bottom:65px; }
.widget ul{ padding-left:0; list-style:none; }
.widget li{ padding:15px 0px; border-bottom:1px solid #eeeeee; font-size:13px; color:#1f1e1e; }
.widget li a{ color:#1f1e1e; }
.widget li:last-child{ border-bottom:none; }
.widget-title{ padding-bottom:10px; color:#b84a39; font-size:14px; }
.mypost-date{ }

/* -------------------   HEADER   ------------------- */

#logo{ margin-top:-15px; }
.navigation-justified .navigation-body{ }
.navigation-menu{ display:flex; flex-direction:row; }
.toprightheader{}
.toprightheader img{ margin-right:10px; }
.toprightheader .toprightheader_left{}
.toprightheader .headerbtn1{ background:#fff; padding:10px 40px; font-size:14px; color:#605daf; border-left:1px solid #605daf; border-bottom:1px solid #605daf; border-right:1px solid #605daf; border-bottom-left-radius:5px; }
.toprightheader .toprightheader_right{}
.toprightheader .headerbtn2{ background:#605daf; padding:10px 40px; font-size:14px; color:#fff; border-left:1px solid #605daf; border-bottom:1px solid #605daf; border-right:1px solid #605daf; border-bottom-right-radius:5px; }
.navigation-link{ font-size:15px; color:#2e2e2e; padding:32px 40px; }
.navigation .navigation-menu ul{ padding:0; margin:0; }
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link{ color: #615fb0; box-shadow: inset 0 -3px 0 #615fb0;}
.navigation-middle{ margin-right:10px; }
.mobileimg{ display:none; }

/* -------------------   FOOTER   ------------------- */


.footer{ background:#f6f6fb; padding-top:72px; padding-bottom:40px; }
.footertop{ padding-left:75px; }
.footertop .one{ width:265px; }
.footertop .two{ width:345px; }
.footertop .footertop_text1 {
    font-size: 14px;
    height: 44px;
    color: #2e2e2e;
    letter-spacing: 0px;
}
.footertop .footertop_phone {
    font-size: 41px;
    letter-spacing: -0px;
    color: #8785bf;
    font-family: "din", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}
.footertop .footertop_text2{ font-size:15px; color:#2e2e2e; letter-spacing: 0px; }
.footertop .three{ width: calc( 100% - 610px ); }
.footertop .footertop_button{}
.footertop .footertop_btn{background: #8583be url(../images/footer_icn_btn1.png) 95% center no-repeat;
    background-size: 18px;
    padding: 15px 105px;
    display: inline-block;
    border-radius: 80px;
    text-align: center;
    font-size: 18px;
    color: #fff;}
.footerbottom{ padding-top:75px; padding-left:30px; }
.footerbottom .footerbottom_title{ font-size:16px; padding-bottom:10px; }
.footerbottom ul{ list-style:none; padding-left:0; }
.footerbottom li{ padding:4px 0px; color:#2e2e2e; font-size:13px; }
.footerbottom li a{ color:#2e2e2e; font-size:13px; letter-spacing: 0px; }
.footerbottom .one{ width:19%; padding-right:20px; }
.footerbottom .two{ width:21%; padding-right:20px; }
.footerbottom .three{ width:28%; padding-right:20px; }
.footerbottom .four{ width:16%; padding-right:20px;}
.footerbottom .five{ width:15%; }

.footerbottom .color1{ color:#8785bf; }
.footerbottom .color2{ color:#f2b64f; }
.footerbottom .color3{ color:#a7b417; }
.footerbottom .color4{ color:#e28db3; }
.footerbottom .color5{ color:#d5848b; }


.footermobile{ padding:10px 20px 25px; }
.footermobile .left{ display:none; }
.footermobile .right{ font-size:12px; color:#181818; text-align:center; padding:20px 20px 0px; }
.footermobile .copyright{ font-size:12px; color:#181818;  display:inline-block; }

.boxtopup{ background:#fff; border:3px solid #5956b1; position:fixed; bottom:100px; right:0px; z-index:9999; width:240px; }
.boxtopup .image{ padding:5px; }
.boxtopup .boxtopup_text{ background:url(../images/top_icn_arrowrightblue.png) 98% 95% no-repeat; background-size:15px; padding:15px 20px; }
.boxtopup .boxtopup_subtitle{ font-size:10px; color:#8583be; text-align:center; }
.boxtopup .boxtopup_title{ font-size:19px; color:#5956b1; text-align:center; }



/* -------------------   SINGLE PAGE   ------------------- */

#single{}

/* -------------------   PAGE   ------------------- */

#pg{}

/* -------------------   HOMEPAGE   ------------------- */

.video-box{ text-align: center; margin: 70px 0; }

.top1{ padding-top:70px; }
.topin{ padding-left:115px; padding-right:115px; }
.top1 .area{ padding-top:10px; padding-bottom:10px; }
.top1 .area .left{ width:50%; }
.top1 .area .right{ width:50%; }
.top1 .area .left img{ margin:30px 0px; }
.top1 .rightbox{ margin:0 50px; border:1px solid #5956b1; }
.top1 .top1titlebox{ margin-top:-10px; text-align:center; }
.top1 .top1title{ background:#fff; display:inline-block; padding:0px 20px; font-size:15px; color:#111112; }
.top1 .text{ background:url(../images/top_icn_arrowright.png) 0px 10px no-repeat; background-size:7px; padding-left:20px; display:inline-block; font-size:19px; color:#5956b1; }
.top1 .textbox{ padding:3px 6px 14px; text-align:center; }

.top2{ padding:30px 0px; }
.top2 .area1{ padding:15px 40px; }
.top2 .area1 .left{ width:45%; margin-right:5%; }
.top2 .title{ padding-top:30px; font-size:26.5px; color:#000000; text-align:center;font-family: 'Noto Serif JP', serif; letter-spacing: 4px; }
.top2 .text{ padding-top:10px;  font-size:14px; color:#000; line-height:1.7; text-align:center; }
.top2 .button{ padding-top:20px; }
.top2 .area1 .right{ width:45%; margin-left:5% }

.top2 .area2{ padding:50px 0px; }
.top2 .area2 .one{ width:30%; margin-left:0%; margin-right:2%; }
.top2 .title{ padding-top:35px; font-size:26.5px; color:#000000; text-align:center; }
.top2 .text{ padding-top:10px;  font-size:14px; color:#000; line-height:1.7; text-align:center; }
.top2 .button{ padding-top:20px; }
.top2 .area2 .two{ width:30%; margin-left:3%; margin-right:3%; }
.top2 .area2 .three{ width:30%; margin-left:2%; margin-right:0%; }

.top3{ padding:20px 0px 140px; }
.top3 .area{ padding: 40px 75px 30px; }
.top3 .area .left{ width:170px; }
.top3 .title{ font-size:25px; color:#8785bf; }
.top3 .subtitle{ font-size:14.5px; color:#a3a3a3; }
.top3 .area .right{ width: calc( 100% - 170px ); }
.top3 .box{ padding:20px 0px; border-bottom:1px solid #e3e3e3; }
.top3 .box .boxleft{ width:125px; font-size:15px; margin-top: 6px; color:#2d2d2d; font-family:"din", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }
.top3 .box .boxright{ width: calc( 100% - 125px ); font-size:15px; color:#2d2d2d; }
.top3 .boxpt0{ padding-top:0px; }


.topshow{ display:none; }
.topmobile2{ padding:20px 20px; color:#000000; font-size:18px; text-align:center; }
.topmobile3{ padding:10px 20px 0px; }


/* -------------------   Recruit   ------------------- */

#recruit{ padding:10px 150px 120px 150px; }
#recruit .qbox{ background: linear-gradient(90deg, #d5848b calc( 100% - 60px ), #dc969c 60px); padding:9px 12px 10px; border-bottom:1px solid #f6f6f6; }
#recruit .qbox1{ width:calc( 100% - 32px ); color:#fff; font-size:23px; padding-right:30px; padding-left: 17px; }
#recruit .accordion { cursor: pointer; width:100%; text-align: left; outline: none; transition: 0.4s; color: #141414; }
#recruit .subq{ background:#fff; margin-left:20px; height:30px; line-height: 24px; padding:2px 25px; color:#d5848b; font-size:16px; display:inline-block; border-radius:15px; }
#recruit .accordion:after { margin-left:5px; content: '\002B'; font-size:30px; color: #fff; float: right; }

#recruit .active:after { content: "\2212"; }
#recruit .panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
#recruit .panelon{ background:#f7f7f7; padding:50px 50px; }
#recruit .panelbox{}
#recruit .subpanelbox{}
#recruit .subpanelbox .left{ background:#bfbfbf; width:175px; padding:16px 20px 6px; font-size:16px; color:#fff; border-bottom:1px solid #fff; }
#recruit .subpanelbox .right{ background:#fff; width: calc( 100% - 175px ); padding:16px 20px 6px 35px; border-bottom:1px solid #f7f7f7;  font-size:16px; color:#1e1e1e; line-height:2em; }
#recruit .button{ padding-top:15px; padding-bottom:15px; }
#recruit .btn{ padding:2px 43px 5px 43px; font-size:16px; border:2px solid #d5848b; color:#d5848b; }
#recruit .area{}
#recruit .area .left1{ width:50%; }
#recruit .area .right1{ width:50%; }
#recruit .text2{ font-size:13px; color:#1e1e1e; }

#recruit .table .thead-light tr{ background:#f7f7f7; }
#recruit .table .thead-light td{ font-size:13px; color:#1e1e1e; }
#recruit .table .fontpink{ color:#d5848b; font-size:13px;}
#recruit .table .thead-light th{ background:#d5848b; color:#fff; font-size:14px; }
#recruit .table th, #recruit .table td{ padding:0.1rem 20px;}

#recruit .panelon .table th, #recruit .panelon .table td{ padding: 16px 20px 6px; font-size: 16px; }
#recruit .panelon .table th{ background: #bfbfbf; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; }
#recruit .panelon .table td{ background: #fff; padding: 16px 20px 6px 35px; border-bottom: 1px solid #f7f7f7; font-size: 16px; color: #1e1e1e; line-height: 2em; }
#recruit .panelon .table .th1{ width:175px; }

#recruit .table .col{ background:#d5848b!important; width:25%!important;  padding:0.1rem 20px!important; color:#fff!important; font-size:14px!important; border:none!important; }
#recruit .table .tdcol{ padding:0.1rem 20px!important; font-size:13px!important; color:#1e1e1e!important; border:none!important; }
#recruit .table .fontpink{ background: #fff!important; padding:0.1rem 20px!important; color:#d5848b!important; font-size:13px!important; border:none!important; }
#recruit .table .mycol1{ min-width:125px; }
#recruit .table .trline{ border-bottom: 1px solid #dee2e6; }

#recruitacess{ padding:7px 65px 55px 80px; }
#recruitacess .area{ padding:70px 60px 80px; }
#recruitacess .area .left{ width:50%; }
#recruitacess .text{ padding-top:15px; font-size:16px; color:#424242; }
#recruitacess .area .right{ width:50%; padding-left:40px; }
#recruitacess .area1{ background:#fbf5f8; margin:0 50px 0 35px; padding:50px 50px; }
#recruitacess .area1 .left{ width:50%; }
#recruitacess .area1 .right{ width:50%; }
#recruitacess .text1{ font-size:16px; color:#303030; }
#recruitacess .text2{ font-size: 16px;
    margin-top: 6px;
    line-height: 2;
    color: #303030; }
#recruitacess .button{ padding-top:25px; }
#recruitacess .btn{     background: #e28db3;
    padding: 14px 30px 16px;
    color: #fff;
    font-size: 16px;
    border-radius: 70px;
}
#recruitacess .area1 .left img{ margin-left:0px; }

#recruitqa{ padding:0px 150px 90px 150px; }
#recruitqa .box{ padding-top:10px; }
#recruitqa .question{ padding-top:30px; padding-bottom:25px; }
#recruitqa .question .left{ background:#6f6dba; width:55px; height:55px; line-height:55px; border-radius:30px; text-align:center; }
#recruitqa .qround{ display:inline-block; line-height:normal; vertical-align:middle; font-size:25px; color:#fff; padding-bottom: 10px; }
#recruitqa .question .right{ width:calc( 100% - 55px ); padding-left:25px; font-size:20px; color:#6f6dba; }
#recruitqa .answer{ padding-bottom:30px; border-bottom:1px solid #cecde5;}
#recruitqa .answer .left1{ background:#d5848b; width:55px; height:55px; line-height:55px; border-radius:30px; text-align:center; }
#recruitqa .around{ display:inline-block; line-height:normal; vertical-align:middle; font-size:25px; color:#fff; padding-bottom: 10px;}
#recruitqa .answer .right1{ width:calc( 100% - 55px ); padding-top:20px; padding-left:25px; font-size:17px; color:#1e1e1e; }
#recruitqa .pt0{ padding-top:0px; }

#recruitschool{ padding:0px 65px 25px 80px; }
#recruitschool .area{ padding:50px 0px 50px 0px; }
#recruitschool .area .left{ width:50%; padding-right:30px; }
#recruitschool .title{ padding:20px 0px 10px; font-size:19.5px; color:#6a68af; }
#recruitschool ul{ list-style:none; }
#recruitschool li{ padding:10px 0px 15px; font-size:16px; color:#303030; }
#recruitschool .area .right{ width:50%; }

#recruitcontact{ padding:5px 70px 50px 80px; }
#recruitcontact .contactarea{ padding:65px 210px 25px 240px; }
#recruitcontact .contactbox{ padding:18px 0px; }
#recruitcontact .contactbox .left{ width:200px; font-size:17px; color:#2a2a2a;  }
#recruitcontact .contactbox .right{ width: calc( 100% - 200px ); }
#recruitcontact .contactbox .contactinput{ background:#f2f2f2; width:100%; border:none; font-size:17px; padding:7px 10px; }
#recruitcontact .contactbox .contactinput1{ background:#f2f2f2; width:80px; border:none; font-size:17px; padding:7px 10px; }
#recruitcontact .contactbox .contactinput2{ background:#f2f2f2; width:100%; height:175px; border:none; font-size:17px; padding:7px 10px; }
#recruitcontact .contactbox .creq{ margin-left:10px; padding:2px 8px; vertical-align:top; font-size:12.5px; border:1px solid #e28db3; color:#e28db3; }
#recruitcontact .wpcf7-submit{ background:#d5848b; margin:20px auto; padding:8px 97px; font-size:17px; color:#fff; border:none; border-radius:50px; }
#recruitcontact .contactsubmit{ text-align:center; }

#recruittour{ padding:0px 65px 18px 80px; }
#recruittour .area1{ padding:65px 120px 73px; }
#recruittour .box{}
#recruittour .box .left{ background:#d5848b; width:175px; padding:20px 20px 15px; border-bottom:1px solid #fff; color:#fff; font-size:16px; }
#recruittour .box .right{ background:#fafafa; width: calc( 100% - 175px ); margin-top:-4px; padding:20px 40px 15px; border-bottom:1px solid #dfdfdf; font-size:16px; color:#1e1e1e; line-height:2em; }
#recruittour .box1{}
#recruittour .box1 .left1{ width:100px; font-size:16px; color:#d5848b; font-family:"din", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }
#recruittour .box1 .right1{ width: calc( 100% - 100px ); }
#recruittour .area2{ padding:62px 0px 65px; font-size:16px; color:#1e1e1e; }
#recruittour .box2{ padding: 0px 120px; }
#recruittour .box2 .left{ background:#d5848b; width:175px; padding:20px 20px 15px; border-bottom:1px solid #fff; color:#fff; font-size:16px; }
#recruittour .box2 .right{ background:#fafafa; width: calc( 100% - 175px ); margin-top:-4px; padding:20px 40px 15px; border-bottom:1px solid #dfdfdf; font-size:16px; color:#1e1e1e; line-height:2em; }
#recruittour .box2 .right a{ color:#615eb5; text-decoration:underline; }
#recruittour .box2 .fontsmall{ font-size:13px; }
	
/* -------------------   Hospital   ------------------- */

#hospital{ padding:10px 150px 100px 150px; }
#hospital .qbox{ background: linear-gradient(90deg, #bac91c calc( 100% - 70px ), #d5e437 70px); padding:13px 13px 14px; border-bottom:1px solid #f6f6f6; }
#hospital .qbox2{ background: linear-gradient(90deg, #c8d627 calc( 100% - 70px ), #d5e437 70px); padding:14px 13px 16px; border-bottom:1px solid #f6f6f6; }

#hospital .qbox1{ width:calc( 100% - 32px ); color:#fff; font-size:23px; padding-right:30px; padding-top: 1px;}
#hospital .accordion { cursor: pointer; width:100%; text-align: left; outline: none; transition: 0.4s; color: #141414; }
#hospital .subq{     background: #fff;
    margin-left: 20px;
    height: 35px;
    line-height: 30px;
    padding: 2px 25px;
    color: #9eaa19;
    font-size: 16px;
    display: inline-block;
    border-radius: 60px;}
#hospital .accordion:after { margin-left:5px; content: '\002B'; font-size:30px; color: #fff; float: right; }
#hospital .active:after { content: "\2212"; }
#hospital .panel { overflow: hidden; transition: max-height 0.2s ease-out; }
#hospital .panelon{ background:#f6f6f6; padding:40px 40px 50px; }

#hospital .panelbox{}
#hospital .subpanelbox{}
#hospital .subpanelbox .left{ width:47%; margin-right:3%; }
#hospital .subpanelbox .right{ width:47%; margin-left:3%; }
#hospital .text{ padding:30px 0px 0px; color:#1e1e1e; font-size:16px; line-height:2em; }

#hospital .qbox1{}

/* -------------------   Education   ------------------- */

#hospitaltraining{ padding:18px 65px 18px 80px; }
#hospitaltraining .image1{ padding:75px 0px; }
#hospitaltraining .image2{ padding:60px 0px 100px; }
#hospitaltraining .head_title{}
#hospitaltraining .tablebox{ padding:90px 80px 40px 30px; }
#hospitaltraining .table{ letter-spacing: 0px; }
#hospitaltraining .thead-light{}
#hospitaltraining tr{ border-bottom:1px solid #dedede; }
#hospitaltraining .table td{ font-size:14px; color:#1c1c1c; }
#hospitaltraining .fontblue{}
#hospitaltraining .table .thead-light th{ background:#8785bf; color:#fff; font-size:17.5px; font-weight:normal;border-left: 1px solid #FFF; border-bottom: none!important; }
#hospitaltraining .table .tablecol1{ width:30%; }
#hospitaltraining .table .tablecol2{ width:20%; }
#hospitaltraining .table .tablecol3{ width:30%; }
#hospitaltraining .table .tablecol4{ width:20%; }
#hospitaltraining .table .tabborder{ border-left:1px solid #fff; }
#hospitaltraining .table .bluefont{ font-size:17px; color:#6a68af; font-weight:100; }
#hospitaltraining .table th{ padding: 0.5em 20px; }
#hospitaltraining .table td{ padding: 25px 1.5rem; }

#hospitalpolicy{ padding:15px 65px 18px 80px; }
#hospitalpolicy .area1{ padding:65px 80px 80px 102px; }
#hospitalpolicy .box{ padding:10px 0px 20px; }
#hospitalpolicy .box .left{ background:url(../images/education_img_numberbg.png) top center no-repeat; background-size:46px; width:46px; height:46px; line-height:46px; text-align:center;  }
#hospitalpolicy .number{ padding-top:5px; padding-left:5px; font-size:20px; color:#f2b64f; display:inline-block; line-height:normal; vertical-align:middle; }
#hospitalpolicy .box .right{ width: calc( 100% - 46px ); padding-left:30px; font-size:17px; color:#343434; }

#hospitalpolicy .area2{ padding:80px 122px 40px 222px; }
#hospitalpolicy .box1{ padding:10px 0px 20px; }
#hospitalpolicy .box1 .left{ background:url(../images/education_img_numberbg.png) top center no-repeat; background-size:46px; width:46px; height:46px; line-height:46px; text-align:center;  }
#hospitalpolicy .number{ padding-top:5px; padding-left:5px; font-size:20px; color:#f2b64f; display:inline-block; line-height:normal; vertical-align:middle; }
#hospitalpolicy .box1 .right{ width: calc( 100% - 46px ); padding-left:30px; font-size:19px; color:#f3ab2f; }
#hospitalpolicy .image{ padding:0px 70px 90px 65px; }

#hospitaldiagram{ padding:18px 65px 18px 80px; }
#hospitaldiagram .hospitaldiagram_image{ padding:10px 0px 90px; }
#hospitaldiagram .steptext{ padding-top:5px; color:#8785bf; font-size:23.5px; font-family:"din", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }
#hospitaldiagram .step {
    margin-bottom: 60px;
}
#hospitaldiagram .step1{}
#hospitaldiagram .step .left{ background:#8785bf; width:150px; height:150px; line-height:150px; text-align:center; }
#hospitaldiagram .boxleft{ font-size:25px; color:#fff; line-height:normal; display:inline-block; vertical-align:middle; }
#hospitaldiagram .subtext{ background:#fff; padding:5px 15px; border-radius:10px; display:inline; font-size:16.5px; color:#8785bf; }
#hospitaldiagram .step .right{ width: calc( 100% - 150px ); padding-left:40px; }
#hospitaldiagram .title{     padding-top: 0px;
    padding-bottom: 20px; color:#8785bf; font-size:25px; }
#hospitaldiagram .subtext1{ background:#8785bf; height:40px; padding:0px 45px 0px 25px; display:inline-block; line-height:40px; border-bottom-right-radius:20px;  border-top-right-radius:20px; font-size:17px; color:#fff; }
#hospitaldiagram .list{ padding:20px 0px; list-style:none; }
#hospitaldiagram .list li{ padding:10px 10px 10px 10px; font-size:17px; color:#252525;padding-left: 30px;
    text-indent: -25px; }
#hospitaldiagram .dot { height: 15px; width: 15px; margin-right:10px; background-color: #8785bf; border-radius: 50%; display: inline-block; }
#hospitaldiagram .dot1 { height: 15px; width: 15px; margin-right:10px; background-color: #d5848b; border-radius: 50%; display: inline-block; }
#hospitaldiagram .dot2 { height: 15px; width: 15px; margin-right:10px; background-color: #f2b64f; border-radius: 50%; display: inline-block; }
#hospitaldiagram .dot3 { height: 15px; width: 15px; margin-right:10px; background-color: #bdcc1c; border-radius: 50%; display: inline-block; }
#hospitaldiagram .dot4 { height: 15px; width: 15px; margin-right:10px; background-color: #e28db3; border-radius: 50%; display: inline-block; }


#hospitaldiagram .box2{ padding:20px 0px; }
#hospitaldiagram .box2 .left1{ width:47%; margin-right:3%; }
#hospitaldiagram .box2title{ margin-bottom:5px; padding-bottom:5px; font-size:20px; color:#6c69ac; border-bottom:2px solid #6c69ac; }
#hospitaldiagram .box2 ul{ list-style:none; }
#hospitaldiagram .box2 li{ padding:10px 0px; font-size:16px; color:#262626; }
#hospitaldiagram .box2 .left2{ width:47%; margin-left:3%;  }

#hospitaldiagram .box3{ padding-top:5px; }
#hospitaldiagram .box2title1{ margin-bottom:5px; padding-bottom:5px; font-size:20px; color:#6c69ac; border-bottom:2px solid #6c69ac; }
#hospitaldiagram .color1{ color:#d5848b!important; }
#hospitaldiagram .bg1{ background:#d5848b!important; }
#hospitaldiagram .color2{ color:#f2b64f!important; }
#hospitaldiagram .bg2{ background:#f2b64f!important; }
#hospitaldiagram .color3{ color:#bdcc1c!important; }
#hospitaldiagram .bg3{ background:#bdcc1c!important; }
#hospitaldiagram .color4{ color:#e28db3!important; }
#hospitaldiagram .bg4{ background:#e28db3!important; }

#hospitaldiagram .titlebg1{ border-bottom:2px solid #d5848b!important; }
#hospitaldiagram .titlebg2{ border-bottom:2px solid #f2b64f!important; }
#hospitaldiagram .titlebg3{ border-bottom:2px solid #bdcc1c!important; }
#hospitaldiagram .titlebg4{ border-bottom:2px solid #e28db3!important; }


/* -------------------   Aboutus   ------------------- */

#aboutus{ padding:18px 65px 18px 80px; }
#aboutus .area{ padding:70px 0px 85px; }
#aboutus .area .left{ width:350px; }
#aboutus .caption{ padding-top:20px; text-align:center; font-size:16px; color:#202020; }
#aboutus .area .right{ width: calc( 100% - 350px ); text-align: justify; margin-top:-5px; padding-left:60px; font-size:16px; color:#202020; line-height:2em; }

#aboutphilosophy{ padding:13px 65px 18px 80px; }
#aboutphilosophy .title{ padding-top:60px; font-size:23px; color:#6a68af; font-weight:bold; text-align:center; }
#aboutphilosophy .text{ padding:20px 60px 62px; font-size:17px; color:#343434; text-align:center; line-height:2em; }

#aboutphilosophy .area{ padding:75px 120px 65px 170px; }
#aboutphilosophy .box{ padding-bottom:35px; }
#aboutphilosophy .box .left{ background:url(../images/aboutus_img_numberbg.png) top center no-repeat; background-size:46px; width:46px; height:46px; line-height:46px; text-align:center;  }
#aboutphilosophy .number{ padding-top:5px; padding-left:5px; font-size:20px; color:#6a68af; display:inline-block; line-height:normal; vertical-align:middle; }
#aboutphilosophy .box .right{ width: calc( 100% - 46px ); padding-left:30px; font-size:16px; color:#1c1c1c; line-height:2em; }


#aboutchart{ padding:13px 65px 18px 80px; }
#aboutchart .image1{ padding:60px 85px 110px 70px; }

#aboutsystem{ padding:10px 65px 65px 80px; }
#aboutsystem .area{ padding:30px 0px 7px; border-bottom:1px solid #bababa; }
#aboutsystem .area .left{ width:190px; }
#aboutsystem .titlearea {
    font-size: 21px;
    color: #6a68af;
    font-weight: 100;
    letter-spacing: 4px;
}
#aboutsystem .area .right{ width: calc( 100% - 190px ); }
#aboutsystem .box1{ padding-bottom:55px; }
#aboutsystem .box1 .leftbox{ width:170px; font-size:18px; color:#6a68af; }
#aboutsystem .box1 .rightbox{ width: calc( 100% - 170px ); font-size:16.5px; color:#0f0f0f; line-height: 1.8; color: #0f0f0f; }
#aboutsystem .box1 .text3{ font-size:16.5px; color:#0f0f0f; }
#aboutsystem .box1 .rightboxtext{ padding-bottom:15px; font-size:16.5px; color:#0f0f0f; }
#aboutsystem .box1 .rightboxtext1{ font-size:16.5px; color:#0f0f0f; }
#aboutsystem .noborder{ border:none; }
#aboutsystem .area1{ padding-top:80px; }

#aboutsystem .aboutsystemarea{ padding:30px 50px 30px 35px; }
#aboutsystem .aboutsystemarea .left{ width:30%; margin-right:3%; }
#aboutsystem .box1{}
#aboutsystem .box1 .left1{ background:url(../images/aboutus_img_numberbg.png) top center no-repeat; background-size:46px; width:46px; height:46px; line-height:46px; text-align:center;  }
#aboutsystem .number{ padding-top:5px; padding-left:5px; font-size:20px; color:#6a68af; display:inline-block; line-height:normal; vertical-align:middle; }
#aboutsystem .box1 .right1{ width: calc( 100% - 46px );
    padding-left: 27px;
    font-size: 14px;
    text-align: justify;
    color: #1c1c1c;}

#aboutsystem .middle{ width:30%; margin-right:1.5%; margin-left:1.5%; }
#aboutsystem .aboutsystemarea .right{ width:30%; margin-left:3%; }
#aboutsystem .area2{ padding-top:80px; border-top:1px solid #bababa; }

	
/* -------------------   Senior   ------------------- */

#senior{ padding:5px 65px 18px 80px; }

#senior .area1{ padding:100px 80px 0px 67px; }
#senior .area1 .left{ width:335px; }
#senior .image{ position:relative; }
#senior .image_round{ background:#e28db3; width:125px; height:125px; line-height:125px; border-radius:125px; position:absolute; top: -55px; left: -70px; text-align:center;  }
#senior .image_round small{ font-size:14px; color:#fff; }
#senior .image_round div{ font-size:22.5px; color:#fff; display: inline-block; vertical-align: middle; line-height:1.2em;}
#senior .area1 .right{ width: calc( 100% - 335px ); padding-left:70px; }
#senior .title{ font-size:22.5px; color:#e28db3; }
#senior .text{ font-size:16px; color:#111111; line-height:2em; text-align: justify; }

#senior .area2{ padding:60px 80px 0px 67px; }
#senior .area2 .left{ width: calc( 100% - 335px ); padding-right:70px; }
#senior .text{ font-size:16px; color:#111111; line-height:1.8; }
#senior .area2 .right{ width:335px; }
#senior .image{}


#senior .area3{ padding:120px 85px 70px 70px; }
#senior .pinkline{ height:5px; border-top:1px solid #e28db3; position: relative; z-index:-1; }
#senior .pinkline:after{ width:100%; content:''; border-top:1px solid #e28db3; position:absolute; bottom:-5px; left:0; }
#senior .toptitlebox{ margin-top:-10px; text-align:center; }
#senior .toptitle{ background:#fff; display:inline-block; padding:0px 50px; font-size:18px; color:#e28db3; }
#senior .area4{ padding-top:25px; }
#senior .area4 .one{ background:#f7edf2 url(../images/senior_icn_arrowright.png) 97% 97% no-repeat; background-size:17.5px; width:33.3%; margin-right:1%; }
#senior .image1{}
#senior .title1{  padding: 20px 20px 0px; text-align:center; font-size:16.5px; color:#e28db3; }
#senior .subtitle{ padding: 0px 20px 10px; text-align:center; font-size:13px; color:#bd6d91; }
#senior .area4 .two{ background:#f7edf2 url(../images/senior_icn_arrowright.png) 97% 97% no-repeat; background-size:17.5px; width:33.3%; margin-left:1%; margin-right:1%; }
#senior .area4 .three{ background:#f7edf2 url(../images/senior_icn_arrowright.png) 97% 97% no-repeat; background-size:17.5px; width:33.3%; margin-left:1%; margin-right:1%; }
#senior .area4 .four{ background:#f7edf2 url(../images/senior_icn_arrowright.png) 97% 97% no-repeat; background-size:17.5px; width:33.3%; margin-left:1%; margin-right:1%; }

#back-to-top{ position:fixed; bottom:30px; right:30px; z-index:9999; text-align:center; cursor:pointer; border:0; text-decoration:none; transition:opacity .2s ease-out; opacity:0; }
#back-to-top img{ width:45px; }
#back-to-top.show{opacity:1}

/* -------------------   PAGINATION   ------------------- */

.pagination {clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px; text-align: center; width: 100%; border:none;}
.pagination-box {display: inline-block; background:#f3f3f3;}
.pagination span, .pagination a {display: block; float: left; margin: 2px 2px 2px 0; padding: 10px 15px 10px 15px; text-decoration: none; width: auto; color: #000; background: #EEE; }
.pagination a:hover{color: #fff; background: #e2e2e2; }
.pagination .current{padding: 10px 15px 10px 15px; background: #e2e2e2; color: #fff; }
.pagination:before, .pagination:after{background:none;}


/* -------------------   MODAL   ------------------- */

#header_modal1{ display:none; }
.modal { position:fixed; z-index:1;  left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4);  }
.modal_close1{ position:absolute; top:-35px; right:10px; color:#fff; font-size:22px; font-weight:bold; cursor:pointer; }
.modal1{ background:#fff; max-width:800px; margin:20% auto 50px; position:relative; padding:20px 20px 20px;border-radius: 17px; }
.modalbox{ text-align: center; }
.modalbox p{ line-height:2; margin-bottom:30px; }

/* -------------------   STICKY   ------------------- */

.header-sticky{ z-index:1; position: fixed; top: 0; width: 100% }
.top_slider{ margin-top:100px; }
.headerpage{ margin-top:100px; }
.page .headerpage{ margin-top:130px; }

/* -------------------   MOBILE   ------------------- */

#mlogo{ padding:10px 10px; }
#mlogo img{ height:40px; }
.mobilemenu{ height:30px; }


@media (max-width: 320px) {

}

@media (max-width: 375px) {


}

@media (max-width: 414px) {
#aboutsystem .area .left{ width:150px; }
#aboutsystem .area .right{ width:calc( 100% - 150px ); }
  

}

@media (max-width: 480px) {

}

@media (max-width: 575.98px) {

#recruit .table .col{ background:#d5848b!important; width:25%!important;  padding:0.1rem 10px!important; color:#fff!important; font-size:14px!important; border:none!important; }
.footerbottom{ margin:20px!important; }
.footermobile .left{ padding-top:20px; display:block; }
.footermobile .copyright{ display:block; }

#aboutphilosophy .area{ padding:30px 30px 50px!important; }
#hospitalpolicy .area1 ,#hospitalpolicy .area2{ padding-left:0px!important; padding-right:0px!important; }
#hospitalpolicy .image, #hospitalpolicy .area1{ padding-bottom:50px; }
#recruitacess .area{ padding-bottom:30px; }
#recruit .table .fontpink{ padding-left:3px; padding-right:3px; }
#senior .area3{ padding-top:50px; padding-bottom:40px; }
}

@media (max-width: 640px) {
#recruit .panelon .table .th1{ min-width:175px; }
#recruit .panelon .table .wcol2{ min-width:425px; }

.video-box{ position: relative; width: 100%; padding-top: 56.25%; }
.video-box iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
}

@media (max-width: 767.98px) {
#hospitaldiagram .step .left{
  position: relative;
}
.step_box{
  position: absolute;
  top: 30px;
    left: 37%;
}

#p01, #p02, #p03, #p04, #p05{padding-top: 100px; margin-top: -100px;}
#hospitaldiagram .box2 .left1 {
    width: 100%;
    margin-right: 0px;
}
#hospitaldiagram .box2 .left2 {
    width: 100%;
    margin-left: 0%;
}
#hospitaldiagram .hospitaldiagram_image {
    padding: 10px 0px 30px;
}
.btn_radder li {
    height: 140px;
}
.page .headerpage {
    margin-top: 74px;
}
#hospitaldiagram .step .left{ width: 100%; height: auto; }
#hospitaldiagram .step .right { width: 100%; padding-left: 0px; }
#hospitaldiagram .step1{display: block!important;}
#zadankai{
  width: 100%;
  margin:0 auto;
}
#zadankai h3{
margin:30px 0px;}

#zadankai .column_box, #zadankai .column_box2{
  margin-top: 40px;
  display: block;
}
#zadankai p{margin-bottom: 30px;
}
#zadankai .column_box .left{
  width: 100%;
margin:0px;  }


#zadankai .column_box .left, #zadankai .column_box2 .left{ text-align: center; }

#zadankai .column_box .left img, #zadankai .column_box2 .left img, #zadankai .column_box .right img, #zadankai .column_box2 .right img{ width: 60%; margin:0 auto 50px auto; }

#zadankai .column_box .right{
  width: 100%;
margin:0px;  }

#zadankai .column_box2 .left{
  width: 100%;
margin:0px;  }

#zadankai .column_box2 .right{
  width: 100%;
margin:0px;  }


.navigation-link {
    font-size: 15px;
    color: #2e2e2e;
    padding: 25px;
}
#hospital .subq {
    background: #fff;
    margin-left: 1px;
    padding: 12px 12px;
    margin-top: 6px;
    color: #9eaa19;
    font-size: 16px;
    height: auto;
    line-height: 1.8;
    display: inline-block;
    border-radius: 20px;
}
#aboutphilosophy .text {
    padding: 20px 17px 42px;}
#aboutus{padding-left: 20px;
    padding-right: 20px;}
#senior{ padding-left:0px; padding-right:0px; }
.footerbottom .one, .footerbottom .two, .footerbottom .three, .footerbottom .four, .footerbottom .five{ width:100%!important; padding-left:0; padding-right:0; }
#aboutchart .image1{ padding-bottom:40px; }
#aboutsystem .box1 .leftbox{ width:100%!important; padding-bottom:10px; font-weight:bold; }
#aboutsystem .box1 .rightbox{ width:100%!important; }
#aboutsystem .rightbox1{ padding-top:30px; }
#aboutsystem .aboutsystemarea .left, #aboutsystem .aboutsystemarea .middle, #aboutsystem .aboutsystemarea .right{ width:100%; margin-left:0; margin-right:0; }

#hospital .subpanelbox .left, #hospital .subpanelbox .right{ width:100%; margin-left:0; margin-right:0; }
#hospital .subpanelbox .left{ padding-bottom:30px; }
#recruittour .box .left, #recruittour .box .right, #recruittour .box2 .left, #recruittour .box2 .right, #recruittour .box1 .left1, #recruittour .box1 .right1{ width:100%; margin-left:0; margin-right:0;  }
#recruittour .box2 .fontsmall{ font-size:16px; }
#recruitschool .area .left, #recruitschool .area .right{ width:100%; padding-right:0; padding-left:20px; }
#recruitacess .area .left, #recruitacess .area .right, #recruitacess .area1 .left, #recruitacess .area1 .right{ width:100%; padding-left:0; padding-right:0; }
#recruitacess .area .left, #recruitacess .area1 .left{ padding-bottom:20px; }
#recruit .subpanelbox .left, #recruit .subpanelbox .right{ width:100%; }
#recruit .area .left1, #recruit .area .right1{ width:100%; }
#senior .area1, #senior .area2, #senior .area3{ padding-left:0; padding-right:0; }
#senior .image_round{ left:0px; }

#hospitaldiagram .subtext{ font-size:13px; font-weight: bold; border-radius: 100px; }
#hospitaldiagram .step{
  display: block!important;
}
#hospitaldiagram .step .left {
  line-height: 90px;
  height: 100px;
}
#hospitaldiagram .title {
    padding-top: 15px;
    color: #8785bf;
    font-size: 19px;
    margin-bottom: 30px;
}
.steptext{text-align: center; margin-top: 20px;}
#hospitaldiagram .right{ width:100%; margin-left:0; margin-right:0; }
#hospitaldiagram .left{ width:100%; margin-left:0; margin-right:0; }
#hospitaldiagram .box2 ul{ margin-bottom:0; }
#hospitaldiagram .box2title{ padding-top:20px; }
#hospitaldiagram .box2{ padding-top:0px; }

.tophide{ display:none; }
.topshow{ display:block; }
.top2 .area1{ padding-left:0; padding-right:0; }
.top1 .area .left, .top1 .area .right{ width:100%; }
.top2 .area1 .left, .top2 .area1 .right{ width:100%; margin:0; padding-bottom:50px; }
.top2 .area2{ padding:0; }
.top2 .area2 .one, .top2 .area2 .two, .top2 .area2 .three{ width:100%; margin:0; padding-bottom:50px; }
.top3 .area .left, .top3 .area .right{ width:100%; }
.top3 .area .left{ text-align:center; padding-top:20px; padding-bottom:50px;  }
.top3 .box .boxleft, .top3 .box .boxright{ width:100%; }
.top3 .area{ border:2px solid #ececec; border-radius:5px; position:relative; }

.top3 .area::before,
.top3 .area::after { content: ''; position: absolute; top: 0; left: 0; border-color: transparent; border-style: solid; }
.top3 .area::before { border-width: 1.5em; border-left-color: #ececec; border-top-color: #ececec;}
.top3 .area::after { border-radius: 0.4em; border-width: 1.35em; border-left-color: #ececec; border-top-color: #ececec; }
#recruitcontact .contactarea{ padding-left:30px!important; padding-right:30px!important; }
#recruitcontact .contactbox .left, #recruitcontact .contactbox .right{ width:100%; }
#recruitcontact .contactbox .left{ padding-bottom:10px; }

.boxtopup{ display:none; }

}

@media (max-width: 991.98px) {

#logo{ margin-top:0; }	
.toprightheader{ display:none!important; }	
.navigation-body-header{ background:#fff; padding:20px 15px 20px; border:none; }
.navigation-body-close-button{ margin-top:-5px; color:#8785bf; }
.navigation .navigation-menu ul{ margin:20px 20px; background:#fff; }
.navigation .navigation-menu ul ul{ margin:0; }
.navigation-link{ border-bottom:1px solid #e7e7f4; color:#8684bf; }
.navigation-dropdown-item:nth-child(odd) { background: linear-gradient(90deg, #8684bf calc( 100% - 30px ), #908ec4 30px), url(../images/mobile_arrow.png); }
.navigation-dropdown-item:nth-child(even){ background: linear-gradient(90deg, #8c8ac6 calc( 100% - 30px ), #9593ca 30px),url(../images/mobile_arrow.png); }
.navigation-dropdown-link{ color:#fff; font-size:14px; }
.navigation-dropdown-link:visited{ color:#fff; font-size:14px; }
.navigation-link:visited{ color:#8684bf; }
.navigation-item:not(.navigation-brand-text):hover .navigation-link, .navigation-item:not(.navigation-brand-text):focus .navigation-link{ box-shadow: inset 0 0px 0 #fff;}
.mobileimg{ display:inline-block; margin:-20px;}

.footertop .one, .footertop .two, .footertop .three{ width:100%; }
.footertop .one, .footertop .two{ padding-bottom:20px; text-align:center; }
.footerbottom{ background:#fff; border-radius:5px; display:flex; flex-direction:row; flex-wrap: wrap; margin:30px;  }
.footerbottom .one, .footerbottom .two, .footerbottom .three, .footerbottom .four, .footerbottom .five{ width:50%; padding-left:0; padding-right:0; }
.footertop{ padding-left:0px; }
.footerbottom{ padding:30px 30px; }
.footertop_button{ padding-left:30px; padding-right:30px; }

#aboutchart, #aboutchart .image1, #aboutsystem, #aboutsystem .aboutsystemarea{ padding-left:0; padding-right:0; }
#aboutsystem .box1 .leftbox{ width:120px; }
#aboutsystem .box1 .rightbox{ width:calc( 100% - 120px ); }
#aboutphilosophy{ padding-left:0; padding-right:0; }
#aboutphilosophy .area{ padding-left:100px; padding-right:100px; }
#hospital, #recruit, #hospitaltraining, #hospitaltraining .tablebox, #hospitalpolicy, #hospitalpolicy .image{ padding-left:0; padding-right:0; }
#hospitalpolicy .area2{ padding-left:100px; padding-right:100px; }
#recruittour, #recruittour .area1, #recruittour .area2, #recruittour .box2, #recruitschool, #recruitqa, #recruitacess, #recruitacess .area{ padding-left:0; padding-right:0; }
#recruitacess .area1{ margin-left:0; margin-right:0; padding-left:30px; padding-right:30px; }
#recruitacess .area1 .left{ padding-right:30px; }
#recruit .panelon{ padding-right:20px; padding-left:20px; }
#hospitaldiagram{ padding-left:0px; padding-right:0px; }
#recruitcontact{ padding-left:0px; padding-right:0px; }
.topin{ padding-left:30px; padding-right:30px; }
.top3 .area{ padding-left:30px; padding-right:30px; }

.top_slider{ margin-top:100px; }
.headerpage{ margin-top:70px; }
}
	
@media (max-width: 1024px) {


.container1{ margin-left:auto; margin-right:auto; }
.navigation-link{ padding-left:25px; padding-right:25px; }
.footertop .footertop_btn{ width:100%; padding-left:20px; padding-right:20px; }

#aboutus .area .right, #aboutus .area .left{ width:100%; padding-left:0; padding-right:0; }
#aboutus .area .right{ padding-top:30px; }
#senior .area1 .left, #senior .area2 .left, #senior .area1 .right, #senior .area2 .right{ width:100%; padding-left:0; padding-right:0; }
#senior .area1 .left{ padding-bottom:30px; }
#senior .image{ width:100%; }
#senior .area2{ display:flex; flex-direction:column-reverse; }
#senior .area2 .right{ padding-bottom:30px; }
#senior .area4{ flex-wrap:wrap; flex-direction:row; }
#senior .area4 .one, #senior .area4 .three{ width:48%; margin-right:2%; margin-left:0; margin-bottom:20px; }
#senior .area4 .two, #senior .area4 .four{ width:48%; margin-left:2%; margin-right:0; margin-bottom:20px; }

#recruitcontact .contactarea{ padding-left:60px; padding-right:60px; }
.singlearc img{ width:100%; height:auto; }

}

@media (max-width: 1200px) {
		
}