@charset "utf-8";

html {
  font-family: "Hiragino Sans", "Droid Sans", Arial, "Arial Unicode", "Arial Unicode MS", sans-serif;
  font-weight: 200;
  height: 100%;
}

body {
  width: 100%;
  overflow-x: hidden;
  z-index: 0;
  margin: 0;
}

figure {
  margin: 0;
}

h1 {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}

u {
  margin: 0;
}

b {
  margin: 0;
}

.separation_bg {
  position: relative;
  display: block;
  width: 100%;

  height: 2.3vw;
  background-image: url("../../img/rn01/enhance_deco.png");
  background-position: center;
  background-size: 70% auto;
  background-repeat: repeat-x;
  opacity: 1;
  margin: 20px auto 0 auto;
}

.main_wrapper {
  z-index: -3;
  background-size: auto 12000px;
  width: 100%;
  margin: 0;
  pointer-events: auto;
}

.shadow_wrapper {
  /* width: 100VW; */

}

.main_wrapper_top {
  background-image: url("../../img/rn01/main_bg_brown.png");
}

.main_wrapper_sanfujinka {
  background-image: url("../../img/rn01/main_bg_red.png");
}

.main_wrapper_shounika {
  background-image: url("../../img/rn01/main_bg_blue.png");
}

.main_wrapper_naika {
  background-image: url("../../img/rn01/main_bg_green.png");
}



#js_main_wrapper {}

.body_dec {
  z-index: -2;
  pointer-events: auto;
  background-image: url("../../img/rn01/body_dec.png");
  background-size: 400px 400px;
  background-repeat: repeat-y;
}

.body_dec_L {
  background-position: left top;
}

.body_dec_R {
  background-position: right top;
}

.point_non {
  pointer-events: none;
}

.no_margin {
  padding: 0 !important;
  margin: 0 !important;
}

.header_wrapper {
  color: #3A3435;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: NotoSansJP, Meiryo, Geneva, Helvetica, "Hiragino Sans", "Droid Sans", Arial, "Arial Unicode", "Arial Unicode MS", sans-serif;
  font-size: 16px;
  float: none;
  clear: none;
}

.bodyShadow {
  margin: 0;
  opacity: 0.95;
  -webkit-box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.5);
  background-image: url("../../img/rn01/main_white_bg.png");
  background-repeat: repeat-y;
  background-position: center 0;
  background-size: 1040px auto;
}

.header {
  height: 380px;
  width: 100%;
  background-color: #FFF;
  z-index: 3;
}

.headerbox {
  display: block;
  height: 70px;
  width: 420px;
  background-image: url("../../img/rn01/header.png");
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: 400px 70px;
  -moz-background-size: 400px 70px;
  background-size: 400px 70px;
}

.headerboxImg {
  height: 380px;
  width: 100%;
  /* max-width: 1200px; */
  display: block;
}

.headerboxImg_index {
  background-image: url("../../img/rn01/rooms/header_index.png");
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0;
}

.headerboxImg_sanfujinka {
  background-image: url("../../img/rn01/header_rooms_bg.png");

  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: auto 100vw;
  -moz-background-size: auto 100vw;
  background-size: auto 100vw;
  margin: 0;
  height: 110px;
}

.headerboxImg_shounika {
  background-image: url("../../img/rn01/rooms/header_shounika.png");
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.headerboxImg_naika {
  background-image: url("../../img/rn01/rooms/header_naika.png");
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.headerImg_logo {
  height: 70px;
  content: '';
  margin: 20px 0 0 20px;
  width: 420px;
  position: absolute;
  cursor: pointer;
  background-image: url("../../img/rn01/header.png");
  background-repeat: no-repeat;
  background-position: center 5px;
  -webkit-background-size: 400px 70px;
  -moz-background-size: 400px 70px;
  background-size: 400px 70px;
}

.navaction {
  position: relative;
  display: block;
  height: 120px;
  width: 100%;
  background: #FFFBF3;
  background-image: url("../../img/rn01/nav_bg_b.png");
  background-size: 100% 100%;
  -webkit-background-size: 100% 120px;
  -moz-background-size: 100% 120px;
  background-repeat: no-repeat;
  z-index: 2;
}

.menu_icon {
  display: none;
}

.nav_ul {
  list-style-type: none;
  align-content: center;
  width: 680px;
  padding: 0;
  margin: auto;
}

.sp_nav_wrapper {
  padding: 2px 0 4px 0;
  background: url("../../img/rn01/sp_nav_bg.png");
  background-size: 100% 100%;
  box-shadow: 0 -60px 80px 0 #fff;
}

#js_sp_navaction.js_sp_navaction_active_sp {
  position: fixed;
  margin: -290px 0 0 0;
}

.pagename.js_sp_navaction_active_pc {
  position: relative;
  margin: 120px auto 10px auto;
  display: block;
}

.sp_navaction_wrapper {
  width: 100%;
}

.sp_navaction {
  display: block;
  position: relative;
  margin: 0 auto 0 auto;
  align-content: center;
  width: 700px;
  z-index: 8;
}

.sp_nav_ul {
  cursor: pointer;
  list-style-type: none;
  padding: 2px 0 0 0;
  display: block;
  margin: 0 auto 0 auto;
  width: 100%;
  height: 50px;
}

.sp_nav_li_a {
  text-decoration: none;
  color: #fff;
}

.sp_nav_p {
  text-decoration: none;
}

.sp_nav_li {
  position: relative;
  float: left;
  text-align: center;
  height: 24px;
  width: calc(33.3333% - 3px);
  padding: 0;
  margin: 0 0 2px 2px;
  color: #FCF1E8;
  background: #968C88;
  border-radius: 4px;
  transition: 0.2s;
}

.sp_nav_li:nth-child(3n) {
  margin-right: 1px;
}

.sp_nav_li:hover {
  color: #FCF1E8;
  background: #655C5B;
}

.sp_nav_p {
  padding: 1px 0 1px 0;
  margin: 0;
  font-weight: 300;
}

.sp_nav_p_li_img {
  position: relative;
  float: right;
  height: 10px;
  width: 10px;
  margin: -18px 6px 0 0;
  content: url("../../img/rn01/nav_arrow.png");
  z-index: 1;
}

.nav_ul:hover {
  cursor: pointer;
}

#js_nav_toggle {
  display: block;
}

.js_nav-fixed {
  position: fixed;
  top: 0;
  z-index: 8;
  animation: SlideIn 0.5s ease-in-out;
  -webkit-animation: SlideIn 0.5s ease-in-out;
  -moz-animation: SlideIn 0.5s ease-in-out;
}

.nav_li_div {
  display: block;
  position: relative;
  padding: 0;
  height: 120px;
}

.nav_li {
  position: relative;
  float: left;
  text-align: center;
  /* width: 166px; */
  width: 132px;

  z-index: 3;
  height: 40px;
  padding: 0 2px 0 2px;

  transition: .5s;
}

.nav_li:hover .nav_line {
  opacity: 0.5;
}

.nav_li:hover ul {
  visibility: visible;
  opacity: 1;
}

.nav_li:hover ul li a {
  visibility: visible;
  opacity: 1;
}

.nav_li ul {
  visibility: hidden;
  opacity: 0;
  transition: .5s;
  list-style: none;

  padding: 0;
}

.nav_li a {
  display: block;
  font-size: 1.2em;
  text-decoration: none;
}

.nav_line {
  background: #5B5353;
  height: 6px;
  width: 90%;
  margin: 0 auto 0 auto;
  opacity: 1;
  bottom: 0;
  left: 5%;
  display: block;
  position: absolute;
}




.nav_shadow {
  /* height: 120px;

  width: 700px;
  margin: 0 auto 0 auto;
background-color:rgb(255,255,255,0.1) */
}

.nav_li:hover .nav_a,
.nav_li:hover .nav_p_eng,
.nav_li:hover .nav_line,
.nav_li:hover .nav_p {
  animation: textbound .5s ease-in-out;
  -webkit-animation: textbound .5s ease-in-out;
  -moz-animation: textbound .5s ease-in-out;
}

.nav_icon_img {
  height: 60px;
  width: 60px;
  margin: 0;
  padding: 0;
}

.nav_p {
  margin: 0;
  padding: 0;
  line-height: 0em;

  position: relative;
  display: block;
}

.nav_p_eng {
  margin: -2px 0 0 0;
  padding: 0;
  font-weight: 500;
  font-size: 13px;
  color: #F6EFEB;
  display: block;
  position: relative;
}

.nav_a {
  margin: 0;
  padding: 0;
  color: #F6EFEB;
  display: block;
  position: relative;
}

.nav_ul_sougou {
  display: block;
  color: #7C7676;
  position: relative;
  top: 12px;
}

.nav_ul_sougou_li {
  position: relative;
  display: block;
  background: #988C87;
  transition: .2s;
  border-top: 1px solid #FFFBF6;
  margin: 0 auto 0 auto;
  width: 90%;
}

.nav_ul_sougou_li:first-child:before {
  content: '';
  margin: 0 auto 0 auto;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  background: none;
  z-index: 3;
  margin: -24px 0 0 48px;
  border-top: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #988C87;
  border-left: 12px solid transparent;
}

.nav_ul_sougou_li:first-child {
  border-top: none;
}

.nav_ul_sougou_li:hover {
  background: #5B5353;
}

.nav_ul_sougou_li a {
  color: #fff;
  padding: 4px 0 4px 42px;
  margin: 0;
  text-align: left;
  display: block;
  font-size: 1em;
}

.nav_ul_sougou_li_img {
  height: 30px;
  width: 30px;
  margin: 2px 0 0 6px;
  padding: 0;
  float: left;
}

.li_close {}




.li_close {
  display: none;
}

@keyframes textbound {
  0% {
    transform: scalex(1) translate(0, 0);
  }

  50% {
    transform: scalex(1.1) translate(0, 0);
  }

  70% {
    transform: scalex(1.0) translate(0, 0);
  }

  90% {
    transform: scalex(1.1) translate(0, 0);
  }

  100% {
    transform: scalex(1.0) translate(0, 0);
  }
}

@-webkit-keyframes textbound {
  0% {
    transform: scalex(1) translate(0, 0);
  }

  50% {
    transform: scalex(1.1) translate(0, 0);
  }

  70% {
    transform: scalex(1.0) translate(0, 0);
  }

  90% {
    transform: scalex(1.1) translate(0, 0);
  }

  100% {
    transform: scalex(1.0) translate(0, 0);
  }
}

@-moz-keyframes textbound {
  0% {
    transform: scalex(1) translate(0, 0);
  }

  50% {
    transform: scalex(1.1) translate(0, 0);
  }

  70% {
    transform: scalex(1.0) translate(0, 0);
  }

  90% {
    transform: scalex(1.1) translate(0, 0);
  }

  100% {
    transform: scalex(1.0) translate(0, 0);
  }
}

.Top_ADD_TEL_wrap {
  height: auto;
  line-height: 20px;
  right: 0;
  margin: 0;
  top: 0;
  position: absolute;
  text-align: right;
  font-weight: 300;
  font-size: 14px;
  padding-left: 50px;
  margin-top: 18px;
  margin-right: 10px;
  border-radius: 4px;
  z-index: -1;
  color: #7D736F;
}

.Top_ADD {
  margin-top: 8px;
  margin-right: 4px;
  margin-left: 10px;
}

.Top_TEL {
  margin-bottom: 10px;
  margin-right: 4px;
  margin-left: 10px;
  margin-top: 3px;
  font-weight: 700;
  font-size: 17px;
}

.Top_ADD_address {
  font-style: normal;
}

.dropmenu_ADD_TEL_wrap {
  display: none;
}

.pagename_bg {
  background-color: rgba(111, 73, 73, 0.5);
}

.pagename_bg_wrap_sanfujinka {
  background-image: url(../../img/rn01/banner_sanfujinka.png);
  background-size: cover;
  background-position: center -120px;
}

.pagename_bg_wrap_fujinka {
  background-image: url(../../img/rn01/banner_fujinka.png);
  background-size: 150vw;
  background-position: 0 -100px;
}

.pagename_bg_wrap_sangocare {
  background-image: url(../../img/rn01/banner_sangocare.png);
  background-size: 150vw;
  background-position: 0 -100px;
}

.pagename_bg_wrap_shounika {
  background-image: url(../../img/rn01/banner_shounika.png);
  background-size: 150vw;
  background-position: 0 -100px;
}

.pagename_bg_wrap_naika {
  background-image: url(../../img/rn01/banner_naika.jpg);
  background-size: 130vw;
  background-position: 0 -100px;
}

.pagename_bg_wrap_sougou {
  background-image: url(../../img/rn01/banner_sougou.jpg);
  background-size: 130vw;
  background-position: 0 -100px;
}

.pagename_wrap {
  width: 100vw;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  background-image:
    radial-gradient(#FFF 2%, transparent 40%),
    radial-gradient(#FFF 2%, transparent 40%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  border-bottom: 2px solid #4C4847;
}

.pagename_wrap::before,
.pagename_wrap::after {
  content: '';
  height: 130px;
  width: 40px;
  position: absolute;
  mix-blend-mode: normal;
  background: linear-gradient(90deg, rgba(92, 82, 81, 0.5), rgba(92, 82, 81, 0));
}

.pagename_wrap::after {
  right: 0;
  margin: -110px 0 0 0;
  transform: rotate(180deg);
}

.pagename {
  display: block;
  height: 80px;
  width: 200px;
  position: relative;
  margin: 0 auto 10px auto;
  padding: 20px 0 0 0;
  z-index: 2;
}

.pagename_sanfujinka {
  background-image: url("../../img/rn01/page_title_sanfujinka.png");
  background-size: 200px 80px;
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.pagename_fujinka {
  background-image: url("../../img/rn01/page_title_fujinka.png");
  background-size: 200px 80px;
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.pagename_sangocare {
  background-image: url("../../img/rn01/page_title_sangocare.png");
  background-size: 200px 80px;
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.pagename_shounika {
  background-image: url("../../img/rn01/page_title_shounika.png");
  background-size: 200px 80px;
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.pagename_naika {
  background-image: url("../../img/rn01/page_title_naika.png");
  background-size: 200px 80px;
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.pagename_sougou {
  background-image: url("../../img/rn01/page_title_sougou.png");
  background-size: 200px 80px;
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.pagename.js_pagename {
  margin: 120px auto 10px auto;
}

.pagename_text_four {
  font-size: 1em;
  padding: 32px 0 0 0;
  text-decoration: none;
  color: #3C3838;
  font-weight: 300;
  text-align: center;
  display: block;
  text-shadow:
    1.5px 0 0 #FFF,
    0 1.5px 0 #FFF,
    -1.5px 0 0 #FFF,
    0 -1.5px 0 #FFF;
}

.pagename_top_h1 {
  vertical-align: middle;
  text-decoration: none;
  color: #5A5454;
  font-weight: 200;
  margin: 0 auto 0 35px;
  padding: 0;
}

.shisetsu_wrapper_top {
  display: block;
  width: 720px;
  margin: 40px auto 40px auto;
  background-position: center center;
}

.shisetsu_content_top_title {
  font-size: 1.6em;
  font-weight: 300;
  color: #968C88;
  padding: 0;
  margin: 0 20px 0 20px;
  border-bottom: 2px solid #968C88;
  display: block;
  line-height: 1.2em;
}


.shisetsu_content_top_wrapper {
  display: inline-block;
  height: auto;
  /* width: 600px;
  max-width: 800px; */
  position: relative;
  padding: 20px 10px 20px 20px;
  border-radius: 4px;
  box-shadow: 0 5px 2px 0 rgba(196, 86, 86, 0.2);
  background-color: rgba(254, 249, 245, 0.85);
  background-image: radial-gradient(rgba(196, 86, 86, 0.2) 1px, rgba(255, 255, 255, 0) 1px);
  background-size: 14px 15px;
}

.topic_wrapper_top_bg {
  padding: 0;
  background-image: url("../../img/rn01/topic_wrapper_bg.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: auto;
  align-content: center;
  margin: auto;
}

.topic_wrapper_bg_dec {
  padding: 0 0 20px 0;
  margin: 0;
  top: 0;
}

.top_button_wrapper {
  visibility: hidden;
}

.top_button {
  font-weight: bold;
  text-align: center;
  position: fixed;
  line-height: 15px;
  width: 50px;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #fff;
  background: #655C5B;
  padding: 24px 7px 24px 7px;
  transition: .4s;
  opacity: 0;
  visibility: hidden;
  border-radius: 44px;
  margin: 0 10px 40px 0;
  font-weight: 200;
  border: 2px solid #FEFCF6;
  cursor: pointer;
  z-index: 8;
}

.top_button_active {
  opacity: 1;
  visibility: visible;
}

.top_button_absolute {
  position: absolute;
  bottom: auto;
}

.topic_wrapper_bg {
  padding: 0;
  background-image: url("../../img/rn01/topic_wrapper_bg.png");
  background-position: center center;

  background-size: 100% auto;
  background-repeat: no-repeat;
  height: auto;
  align-content: center;
  margin: auto;
}

.topic_wrapper_bg_dec {
  padding: 0 0 20px 0;
  margin: 0;
  top: 0;
}

.topic_bg_left {
  background-image: url("../../img/rn01/topic_bg_L.png");
  left: 0;
}

.topic_bg_right {
  background-image: url("../../img/rn01/topic_bg_R.png");
  right: 0;
}

.topic_wrapper {
  display: block;
  height: 240px;
  width: 600px;
  display: block;
  margin: 20px auto 0 auto;
  transition: .5s;
  font-weight: 100;
  text-shadow: 0 0 10px #fff;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 4px 2px rgba(0, 0, 0, .4));
}

.topic_A {
  float: left;
  margin: 5px 0 0 -40px;
  background-image: url("../../img/rn01/topic_A.png");
}

.topic_B {
  float: right;
  margin: 5px 0 0 560px;
  position: absolute;
  background-image: url("../../img/rn01/topic_B.png");
}

.topic_C {
  float: left;
  margin: 5px 0 0 -40px;
  background-image: url("../../img/rn01/topic_C.png");
}

.topic {
  height: 200px;
  width: 100px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.topic_bg {
  height: 200px;
  border-bottom: 4px solid #fff;
}

.topic_A_bg {
  background: #F9EBCB;
  background-image: url("../../img/rn01/topic_A_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center -50px;
}

.topic_B_bg {
  background: #F1D9D9;
  background-image: url("../../img/rn01/topic_B_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center -50px;
}

.topic_C_bg {
  background: #C5DEE3;
  background-image: url("../../img/rn01/topic_C_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center -50px;
}

.topic_tape_wrapper {
  height: 40px;
  display: block;
  position: absolute;
  width: auto;
  margin: -20px 0 0 calc(50% - 75px);
}

.topic_comment_wrapper {}

.topic_comment {
  height: 90%;
  width: 50%;
  background: #FFF;

}

.topic_tape {
  position: absolute;
  background-image: url("../../img/rn01/topic_tape.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  height: 40px;
  width: 150px;
  margin: 0 auto;
}


.topic_message_wrap_A {
  margin: -40px 0 -14px 100px;
}

.topic_message_wrap_B {
  margin: 20px 0 0 160px;
}

.topic_message_wrap_C {
  margin: -40px 0 -14px 100px;
}

.topic_message {
  color: #6A5C60;
  font-size: 1.4em;
  font-weight: 700;
  margin: 0;
  text-shadow: none;
}

.topic_message_A {
  padding: 0 0 0 40px;
}

.topic_message_B {
  padding: 0 0 0 30px;
}

.topic_message_C {
  padding: 10px 0 0 60px;
}

.topic_message_img {
  position: relative;
  float: right;
  height: 20px;
  width: 20px;
  margin: -24px 6px 0 0;
  content: url("../../img/rn01/nav_arrow.png");
  z-index: 1;
  transform: rotate(-90deg);
}

.topic_picture {
  position: absolute;
  animation: 12s infinite topic_bound;
  z-index: 1;
  height: 190px;
}

.topic_picture_A {
  content: url("../../img/rn01/topic_A_picture.png");
  float: right;
  margin: 0 0 0 460px;
}

.topic_picture_B {
  content: url("../../img/rn01/topic_B_picture.png");
  float: left;
  margin: 0 0 0 -40px;
}

.topic_picture_C {
  content: url("../../img/rn01/topic_C_picture.png");
  float: right;
  margin: 0 0 0 460px;
}

@keyframes topic_bound {
  0% {
    transform: rotate(5deg);
  }

  46% {
    transform: rotate(-5deg);
  }

  47% {
    transform: rotate(-8deg);
  }

  48% {
    transform: rotate(-5deg);
  }

  49% {
    transform: rotate(-8deg);
  }

  50% {
    transform: rotate(-5deg);
  }

  96% {
    transform: rotate(5deg);
  }

  97% {
    transform: rotate(8deg);
  }

  98% {
    transform: rotate(5deg);
  }

  99% {
    transform: rotate(8deg);
  }

  100% {
    transform: rotate(5deg);
  }
}

.topic_wrapper:hover {
  opacity: 0.8;
  cursor: pointer;
}

.topic_text_wrap {
  display: block;
}

.topic_text {
  width: 100%;
  padding: 50px 0 0 0;
  line-height: 1.3em;
  margin: 0;
  font-family: NotoSansJP, Meiryo, Geneva, Helvetica, "Hiragino Sans", "Droid Sans", Arial, "Arial Unicode", "Arial Unicode MS", sans-serif;
}

.topic_text_A {
  color: #75676B;
  /* padding:12px 0 12px 0; */
  font-size: 2em;
  padding: 50px 0 60px 0;
  margin: 0;
}

.topic_text_A_strong {
  color: #EB6F70;
  font-size: 1.3em;
}

.topic_text_B {
  color: #75676B;
  font-size: 2.2em;
  padding: 40px 0 0 150px;
}

.topic_text_B_strong {
  color: #DE749A;
  font-size: 1.3em;
}

.topic_text_C {
  color: #77676B;
  /* padding:12px 0 12px 0; */
  font-size: 2em;
  padding: 40px 0 60px 120px;
  margin: 0;
}

.topic_text_C_strong {
  color: #F4BB76;
  font-size: 1.6em;
}

.topic_text_p {
  display: block;
  padding: 0;
  margin: 0;
}

.topic_text_p_bold {
  font-size: 1.4em;
}

.oshirase_warning {
  content: '';
  margin: 2px 4px 10px 4px;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../../img/rn01/oshirase/Blinking_warning.gif");
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}

.faq_wrapper {
  max-width: 800px;
  margin: 0 auto 0 auto;
}

.mainbody {
  max-width: 1200px;
  width: auto;
  min-width: 800px;
  margin: 0 auto 0 auto;
  padding: 0;
}

.page_subtitle {
  font-size: 1.6em;
  font-weight: 300;
  color: #75686B;
  padding: 0;
  margin: 0 auto 10px auto;
  text-align: center;
  display: block;
}

.page_subtitle:before {
  content: '';
  margin: 2px 4px 10px 4px;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../../img/rn01/subtitle_icon.png");
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}

.subtitle_detail {
  font-size: 1.2em;
  font-weight: 300;
  color: #75686B;
  margin: 0 0 2px 0;
  height: 30px;
  padding: 4px 5px 0 10px;
  border-left: 5px solid #75686B;
  max-width: 1000px;
  max-width: 600px;
  color: #75686B;
  margin: 0 auto 0 auto;
}

.banner_link_title_h3 {
  position: relative;
  display: block;
  align-content: center;
  /* margin: 60px auto 0 20%; */
  border: none;
  padding: 8px 0 8px 0;
  margin: 60px 60px 0px 0;
  background: linear-gradient(to right, #A5958D 50%, #75686B);
  float: right;
  color: #FFF;

  width: 250px;
  vertical-align: middle;
  font-weight: 300;
  font-size: 1.4em;
  height: 70px;
}

.banner_link_title_h3:after {
  left: 70px;
  box-sizing: border-box;
  width: 170px;
  height: 86px;
  border: 43px solid transparent;
  border-left: 30px solid #75686B;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.banner_link_title_h3_fujinka:before {
  content: '';
  position: relative;
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  padding: 0;
  vertical-align: middle;
  background-image: url("../../img/rn01/icon_fujinka.png");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
}

.banner_link_title_h3_sanka:before {
  content: '';
  position: relative;
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  padding: 0;
  vertical-align: middle;
  background-image: url("../../img/rn01/icon_sanfujinka.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center;
}

.banner_link_title_h3_sangocare:before {
  content: '';
  position: relative;
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  padding: 0;
  vertical-align: middle;
  background-image: url("../../img/rn01/icon_sangocare.png");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: center;
}

.banner_link_title_h3_shounika:before {
  content: '';
  position: relative;
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  padding: 0;
  vertical-align: middle;
  background-image: url("../../img/rn01/icon_shounika.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center;
}

.banner_link_title_h3_naika:before {
  content: '';
  position: relative;
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  padding: 0;
  vertical-align: middle;
  background-image: url("../../img/rn01/icon_naika.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center;
}


.banner_link_circle_h3 {
  height: 40px;
  width: 40px;
  background: #FEF5E4;
  border-radius: 54px;
  box-shadow: 0 0 8px 1px rgb(255, 255, 255, 0.6);
  border: none;
}

.banner_icon_img_h3 {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  background-image: url("../../img/rn01/icon_fujinka.png");
  background-size: 100%;

}

.joboffer_wrapper_bg {
  background-size: cover;
  background-position: left -30px;
  background-image: url(../../img/rn01/joboffer_bg.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 6px auto 0 auto;
  max-width: 800px;
  cursor: pointer;
}

.joboffer_wrapper {
  display: block;
  height: auto;
  width: 100%;
  max-width: 400px;
  float: right;
  background: rgba(255, 255, 255, 0.85);
  margin: 6px;
  border-radius: 8px;
}

.joboffer_a {
  display: contents;
}

.joboffer_content_title {
  font-size: 1.4em;
  font-weight: 300;
  color: #968C88;
  padding: 0.5em 0 0 0;
  margin: 0 20px 0 20px;
  border-bottom: 2px solid #69A7D0;
  display: block;
}

.joboffer_content_p {
  display: block;
  padding: 10px 20px 0 20px;
  margin: 0;
  color: #514949;
  font-weight: 300;
}

.joboffer_wrapper:last-child {
  padding: 10px 20px 1em 20px;
}

.joboffer_content_title {
  margin: 0;
}

.joboffer_content_p {
  padding: 10px 0 0 0;
}

.joboffer_button-link {
  display: block;
  background-color: #6CACD4;
  width: 120px;
  color: white;
  text-decoration: none;
  text-align: center;
  padding: 12px 24px;
  border-radius: 4px;
  font-size: 16px;
  transition: 0.2s;
  margin: 0 auto;
  clear: both;
}

.joboffer_button-link:hover {
  background-color: #8AB7D4;
}



.table_sangocare_schedule {
  min-width: 300px;
  max-width: 600px;
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 0;
  margin: 0 auto 1em auto;
  width: 90%;
}

.chart_sangocare_update {
  text-align: center;
  min-width: 80px;
  color: #fff;
  background-color: #827874;
  font-weight: 200;
}





.table_shinryo_jikan {
  min-width: 300px;
  max-width: 600px;
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 0;
  margin: 0 auto 1em auto;
  width: 90%;
}

.chart_update {
  text-align: center;
  min-width: 80px;
  color: #fff;
  border-left: 1px solid #988C87;
  border-top: 1px solid #988C87;
  border-bottom: 4px solid #AB9B93;
  background-color: #827874;
  font-weight: 200;
}

.chart_data {
  height: 32px;
  text-align: center;
  min-width: 40px;
  color: #fff;
  background-color: #FFF;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-top: 1px solid #988C87;
  border-bottom: 4px solid #AB9B93;
  background-color: #827874;
}

.chart_date_eng {
  font-size: 0.8em;
}

.chart_ampm {
  color: #FFF;
  text-align: center;
  padding: 5px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
}

.chart_am {
  background: #988C87;
}

.chart_pm {
  background: #AB9B93;
}

.chart_workday {
  height: 25px;
  color: #827874;
  text-align: center;
  padding: 5px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #FFF;
}

.chart_holiday {
  font-weight: 200;
  color: #75686B;
  text-align: center;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #F5F1F0;
}

.chart_dep_1 {
  font-weight: 200;
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px 0 10px 0;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #FFF3ED;
  width: 70px;
}

.chart_dep_2 {
  font-weight: 200;
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #FFEDEB;
  width: 70px;
}

.chart_dep_3 {
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #FCFEFF;
  width: 70px;
}

.chart_dep_4 {
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #F5FCFF;
  width: 70px;
}

.chart_dep_5 {
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #ECF8FE;
  width: 70px;
}

.chart_dep_6 {
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #EFF8FD;
  width: 70px;
}

.chart_dep_7 {
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #F2F3FA;
  width: 70px;
}

.chart_dep_8 {
  height: 50px;
  color: #75686B;
  text-align: center;
  padding: 10px;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
  background: #E8F5F3;
  width: 70px;
}

.chart_sangocare_ampm {
  width: 80px;
}

.chart_sangocare_dep {
  width: 180px;
  font-size: 1em;
}

.chart_sangocare {

  text-align: center;
  border-left: 1px solid #988C87;
  border-bottom: 1px solid #988C87;
}

.chart_sangocare_explain {
  text-align: left;
  padding: 1em;

}

.chart_sangocare_00 {
  background: #938782;
}

.chart_sangocare_01 {
  background: #FFEDEB;
}

.chart_sangocare_02 {
  background: #FBEBD5;
}

.chart_dep_addInfo {
  font-size: 14px;
  background-color: #887F7B;
  color: #FFF;
  display: block;
  padding: 2px;
  margin: 2px 0 2px 0;
  border-radius: 4px;
}

.chart_sangocare_schedule_time {
  color: #FFF;
  text-align: center;
  width: 60px;
  border-radius: 10px;
  font-size: 1em;
  text-align: center;
  padding: 0.2em 0.4em;
  background: #938782;
  border: 4px solid #FFFCF3;
}

.chart_sangocare_schedule_content {
  background: #EDE9E6;
  border-radius: 10px;
  padding: 0.2em 0.4em;
  border: 4px solid #FFFCF3;
}

.chart_dep_addInfo_dr {
  font-size: 14px;
  background-color: #887F7B;
  color: #FFF;
  display: block;
  padding: 2px;
  margin: 2px 0 2px 0;
  border-radius: 4px;
}

.chart_lastchild {
  border-right: 1px solid #988C87;
}

.comment {
  display: block;
  max-width: 800px;
  color: #75686B;
  margin: 0 auto 20px auto;
}

.h4_comment {
  color: #75686B;
  height: 30px;
  position: relative;
  padding: 4px 5px 6px 5px;
  border-left: 5px solid #75686B;
  border-bottom: 3px solid #CCBBB6;
  margin: 6px;
}

.h4_comment:before {
  content: '';
  margin: -4px 8px 0 -10px;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../../img/rn01/comment_icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.h4_comment_sougou {
  background: linear-gradient(90deg, #D6C3BC, rgb(214, 195, 188, 0));
}

.h4_comment_sanfujinka {
  background: linear-gradient(90deg, #FEF2F2, rgb(253, 239, 239, 0));
}

.h4_comment_fujinka {
  background: linear-gradient(90deg, #FCECDE, rgb(253, 239, 239, 0));
}

.h4_comment_sangocare {
  background: linear-gradient(90deg, #FCECD4, rgb(253, 239, 239, 0));
}

.h4_comment_shounika {
  background: repeating-linear-gradient(135deg, #E3F4FC, #E8FCFB);
}

.h4_comment_naika {
  background: repeating-linear-gradient(135deg, #000, #FFF);
}

.h5_comment {
  margin: 0.5em 0;
  font-size: 1em;
  background: #726568;
  color: #fff;
  display: inline-block;
  padding: 1px 1.5em;
  font-weight: normal;
  border-radius: 4px;
}

.h6_comment {
  margin: 0.2em 0;
  font-size: 1em;
  background: #938782;
  color: #fff;
  display: inline-block;
  padding: 1px 1.5em;
  font-weight: normal;
  border-radius: 4px;
}


.comment:last-child {}

.comment_ul_wrap {
  /* padding:0 0 0 1em; */
}

.comment_div_wrap {
  padding: 0 1.5em 0 0.5em;
}

.comment_li {
  width: 90%;
  line-height: 1.6em;
  list-style-type: none !important;
  text-indent: -1em;
  padding: 0 32px 0 32px;
  margin: 4px 0 4px 0;
}

.comment_li_br {
  text-indent: 1em;
}


.comment_li:before {
  position: relative;
  display: inline-block;
  content: '';
  height: 10px;
  width: 10px;
  padding: 0 6px 2px 0;
  background-image: url("../../img/rn01/comment_li.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.comment_li_markless:before {
  display: none;
}

.comment_info_wrapper {
  width: 600px;
  height: 100px;
  background-image: url("../../img/rn01/comment_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 20px auto;
}

.comment_info {
  padding: 36px 0 0 0;
  display: block;
  font-size: 1.4em;
  text-align: center;
  text-shadow:
    2px 0 0 #FFF,
    0 2px 0 #FFF,
    -2px 0 0 #FFF,
    0 -2px 0 #FFF;
}

.doctors_wrapper_bg_wrapper {
  width: 100%;
  height: auto;
  padding: 0 0 20px 0;
}

.doctors_wrapper_bg {
  width: 100%;
  height: auto;
  background-image: url("../../img/rn01/picup_bg.png");
  background-size: 680px 300px;
  background-position: center;
  background-repeat: no-repeat;
}

.doctors_director_wrapper {
  overflow: hidden;
  height: auto;
  width: 90%;
  max-width: 600px;
  padding: 20px 0 20px 0;
  margin: 0 auto 0 auto;
  background-color: #F7E7EA;
  background-image: url("../../img/rn01/bg_red.png");
  border-bottom: 4px solid #CCBEBA;
  box-shadow:
    120px 0 120px -60px rgba(255, 235, 235, 1),
    -120px 0 120px -60px rgba(255, 235, 235, 1)
}

.doctors_wrapper {
  overflow: hidden;
  height: 230px;
  width: 90%;
  max-width: 600px;
  margin: 0 auto 0 auto;
  background-color: #F7E7EA;
  border-bottom: 4px solid #CCBEBA;
  box-shadow:
    120px 0 120px -60px rgba(255, 235, 235, 1),
    -120px 0 120px -60px rgba(255, 235, 235, 1)
}

.doctors_wrapper_sanfujinka {
  background-image: url("../../img/rn01/bg_red.png");
}

.doctors_wrapper_shounika {
  background-image: url("../../img/rn01/bg_orange.png");
}

.doctors_wrapper_naika {
  background-image: url("../../img/rn01/bg_green.png");
}


.doctors_director_profile_bg {
  height: auto;
  margin: 220px 0 0 20px;
  width: 140px;
  background-color: #FCF0E1;
  clear: both;
  position: absolute;
  z-index: 1;
  background-color: #f3fcfa;
  background-image: radial-gradient(#E6CFC1 1px, #FCF0E1 1px);
  background-size: 14px 15px;
}

.doctors_director_profile_wrapper {
  margin: 12px 0 0 0;
  height: auto;
  width: auto;
  color: #75686B;
  background-color: #F5D1D0;
  border-bottom: 4px solid #D3C7C5;
}

.doctors_director_profile_main {
  padding: 6px 2px 6px 2px;
  text-align: center;
  font-size: 0.8em;
  font-weight: 300;
  margin: 0;
}

.doctors_director_profile_p:last-of-type {
  margin-bottom: 8px;
  font-size: 0.9em;
}

.doctors_director_profile_p {
  font-family: 'Yomogi', cursive;
  color: #5A5353;
  margin: 0;
  padding: 2px 4px 2px 18px;
}

.doctors_director_profile_p_title {
  font-family: 'Yomogi', cursive;
  font-weight: bold;
  color: #BE7A79;
  margin: 0;
  padding: 4px 4px 0px 4px;
}

.doctors_img_director_bg {
  display: inline-block;
  content: "";
  margin: 20px 0 0 20px;
  height: 216px;
  width: 140px;
  background-color: #FFF;
  float: left;
  position: absolute;
  z-index: 2;
  display: block;
  box-shadow: 0 0 10px 0em rgba(91, 83, 83, 0.2);
}

.doctors_img_bg {
  display: inline-block;
  content: "";
  margin: 20px 0 0 20px;
  height: 160px;
  width: 140px;
  background-color: #FFF;
  float: left;
  position: absolute;
  z-index: 1;
  display: block;
  box-shadow: 0 0 10px 0em rgba(91, 83, 83, 0.2);
}

.doctors_dep_bg {
  position: absolute;
  z-index: 3;
  height: 25px;
  width: 140px;
  margin: 14px 0 0 -8px;
  transform: rotate(-10deg);
}

.doctors_dep_director {
  background-color: rgba(74, 106, 144, 0.8);
}

.doctors_dep_vicedirector {
  background-color: rgba(57, 141, 158, 0.8);
}

.doctors_dep_sanfujinka {
  background-color: rgba(188, 82, 83, 0.8);
}

.doctors_dep_shounika {
  background-color: rgba(134, 199, 222, 0.8);
}

.doctors_dep_naika {
  background-color: rgba(120, 197, 173, 0.8);
}

.doctors_dep_mid {
  background-color: rgba(187, 155, 195, 0.8);
}

.doctors_dep_nurse {
  background-color: rgba(240, 143, 158, 0.8);
}

.doctors_dep_engineer {
  background-color: rgba(255, 205, 153, 0.8);
}

.doctors_dep_team {
  position: relative;
  margin: 14px auto 0 auto;
  padding: 0 0px 7px 0;
  width: 310px;
  border-radius: 4px;
  font-size: 1.4em;
  transform: rotate(0deg);
  box-shadow: 0 5px 2px 0 rgba(196, 86, 86, 0.2);
}

.doctors_dep {
  color: #fff;
  position: relative;
  margin: 2px auto 0 auto;
  text-align: center;
  display: block;
}

.doctors_name {
  margin: -2px 0 0 0;
  font-size: 20px;
  text-align: center;
  color: #5B5353;
}

.doctors_director_content_wrapper {
  display: inline-block;
  width: 450px;
  max-width: 500px;
  background-color: #FFFAF5;
  float: left;
  position: relative;
  margin: 25px 0 0 140px;
  border-radius: 4px;
  box-shadow: 0 5px 2px 0 rgba(196, 86, 86, 0.2);
}

.doctors_content_wrapper {
  display: inline-block;
  height: 180px;
  width: 450px;
  max-width: 500px;
  background-color: #FFFAF5;
  float: left;
  position: relative;
  margin: 25px 0 0 140px;
  border-radius: 4px;
  box-shadow: 0 5px 2px 0 rgba(196, 86, 86, 0.2);
}


.doctors_content {
  color: #675C5B;
  font-family: NotoSansJP, Meiryo, Geneva, Helvetica, "Hiragino Sans", "Droid Sans", Arial, "Arial Unicode", "Arial Unicode MS", sans-serif;
  font-family: 'Yomogi', cursive;
  margin: 0;
  padding: 12px 24px 12px 36px;
  line-height: 1.4em;
}

.doctors_content_director {
  color: #675C5B;
  font-family: NotoSansJP, Meiryo, Geneva, Helvetica, "Hiragino Sans", "Droid Sans", Arial, "Arial Unicode", "Arial Unicode MS", sans-serif;
  font-family: 'Yomogi', cursive;
  margin: 0;
  padding: 24px 24px 12px 36px;
  line-height: 1.4em;
}

.doctors_content_p_name {
  text-align: right;
  display: block;
  padding: 6px 10px 0 0;
}

.doctors_img_director {
  margin: 15px 15px 0 15px;
  height: 160px;
  width: 110px;
  border-radius: 4px;
}

.doctors_img {
  margin: 15px 15px 0 15px;
  height: 110px;
  width: 110px;
  border-radius: 4px;
}

.doctors_pfor_wrapper {
  display: block;
  z-index: 8;
  width: 100%;
  margin: 0 auto 0 auto;
  overflow: hidden;
  height: auto;
  border-bottom: 4px solid #988C86;
  padding: 0 0 20px 0;
  background: #FFF;
}

.doctors_pfor_wrapper {
  display: block;
  z-index: 8;
  width: 100%;
  margin: 0 auto 0 auto;
  overflow: hidden;
  height: auto;
  border-bottom: 4px solid #988C86;
  padding: 0 0 20px 0;
  background: #FFF;
}

.doctors_pfor_wrapper_med {
  background-image:
    linear-gradient(-90deg, rgba(201, 173, 204, 0.1) 50%, transparent 20%),
    linear-gradient(rgba(250, 218, 223, 0.4) 50%, transparent 20%);
  background-size: 20px 20px;
}

.doctors_pfor_wrapper_nurse {
  background-image:
    linear-gradient(-90deg, rgba(243, 164, 176, 0.1) 50%, transparent 20%),
    linear-gradient(rgba(250, 218, 223, 0.4) 50%, transparent 20%);
  background-size: 20px 20px;
}

.doctors_pfor_wrapper_engineer {
  background-image:
    linear-gradient(-90deg, rgba(255, 226, 214, 0.2) 50%, transparent 20%),
    linear-gradient(rgba(240, 200, 159, 0.2) 50%, transparent 20%);
  background-size: 20px 20px;
}


.doctors_prof_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  margin: 20px auto 0 auto;
  width: 960px;
}

.doctors_prof {
  height: 80px;
  width: auto;
  display: flex;
  position: relative;
  box-shadow: 0 5px 2px 0 rgb(196 86 86 / 20%);
}

.doctors_prof_pickup_wrapper {
  position: absolute;
  z-index: 3;
  right: -4px;

}

.doctors_prof_pickup_bg {
  margin: 0 auto 0 auto;
  /* right:10px; */
  height: 25px;
  width: 140px;
  margin: -4px 0 0 0px;
  /* transform: rotate(4deg); */
  background-color: rgba(188, 82, 83, 0.8);
}

.doctors_prof_pickup_bg:before

/* ,.doctors_prof_pickup_bg:after */
  {
  position: absolute;
  top: -2px;
  width: 0;
  height: 0;
  border-color: rgba(188, 82, 83, 0.8) transparent;
  border-style: solid;
  content: '';
}

.doctors_prof_pickup_bg:before {
  left: -7px;
  border-width: 13px 0 12px 7px;
}

.doctors_prof_pickup {
  color: #fff;
  position: relative;
  margin: 2px auto 0 auto;
  text-align: center;
  display: block;
}


.doctors_prof_img {
  display: inline-block;
  margin: 10px 10px 10px 10px;
  height: 60px;
  width: 60px;
  z-index: 1;
}

.doctors_prof:nth-child(7n+1) {
  /*orange*/
  background-color: #FFF2EC;
}

.doctors_prof:nth-child(7n+2) {
  /*pink*/
  background-color: #FCECEF;
}

.doctors_prof:nth-child(7n+3) {
  /*green*/
  background-color: #E9F3F0;
}

.doctors_prof:nth-child(7n+4) {
  /*vivipink*/
  background-color: #FAECF2;
}

.doctors_prof:nth-child(7n+5) {
  /*purple*/
  background-color: #EDECF5;
}

.doctors_prof:nth-child(7n+6) {
  /*yellow*/
  background-color: #FFFCF2;
}

.doctors_prof:nth-child(7n) {
  /*blue*/
  background-color: #E5F1F4;
}

.doctors_prof_name {
  border-radius: 65px;
  width: 100%;
  max-width: 300px;
  margin: 10px 10px 0 0;
  height: 60px;
}

.doctors_prof:nth-child(7n+1) .doctors_prof_name {
  /*orange*/
  background-color: #FFE6DA;
  box-shadow: 0 0 6px #FFE6DA;
}

.doctors_prof:nth-child(7n+2) .doctors_prof_name {
  /*pink*/
  background-color: #FADADF;
  box-shadow: 0 0 6px #FADADF;
}

.doctors_prof:nth-child(7n+3) .doctors_prof_name {
  /*green*/
  background-color: #D3E8E1;
  box-shadow: 0 0 6px #D3E8E1;
}

.doctors_prof:nth-child(7n+4) .doctors_prof_name {
  /*vivipink*/
  background-color: #F5DAE6;
  box-shadow: 0 0 6px #F5DAE6;
}

.doctors_prof:nth-child(7n+5) .doctors_prof_name {
  /*purple*/
  background-color: #DBDAEC;
  box-shadow: 0 0 6px #DBDAEC;
}

.doctors_prof:nth-child(7n+6) .doctors_prof_name {
  /*orange*/
  background-color: #FFF5D9;
  box-shadow: 0 0 6px #FFF5D9;
}

.doctors_prof:nth-child(7n) .doctors_prof_name {
  /*blue*/
  background-color: #CCE4E9;
  box-shadow: 0 0 6px #CCE4E9;
}

.doctors_prof_p {
  font-size: 1.4em;
  padding: 12px 0 0 0;
  margin: 0;
  text-align: center;
  color: #5B5353;
  z-index: 1;
}

.doctors_prof_popup_icon {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin: 26px 15px 0 0;
  transition: 0.5s;
  opacity: 1;
  animation: 2s infinite popupbound;
}

@keyframes popupbound {
  0% {
    transform: scaley(1) translate(0, 0);
  }

  10% {
    transform: scaley(1.2) translate(0, 0);
    transform: rotate(-10deg);
  }

  20% {
    transform: scaley(1) translate(0, 0);
    transform: rotate(0deg);
  }

  30% {
    transform: scaley(1.2) translate(0, 0);
  }

  40% {
    transform: scaley(1) translate(0, 0);
  }
}

.doctors_prof_popup_icon:hover {
  opacity: 1;
}

.popup {
  display: none;
  height: 100%;
  width: 100%;
  background: rgba(90, 82, 81, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.popup_content {
  background: #fff;
  padding: 30px;
  width: 100%;
  max-width: 300px;
  background: rgba(254, 249, 241, 1);
  box-shadow: 5px 5px 0 0 rgba(152, 140, 135, 0.4);
  border-radius: 12px;
}

.popup_show {
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup_close {
  height: 40px;
  width: 120px;
  padding: 8px auto 8px auto;
  margin: 0 auto 0 auto;
  border: none;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 5px 5px 0 0 rgba(152, 140, 135, 0.4);
  z-index: 3;
  border-radius: 2px;
  background-image: url(../img/rn01/bg_red.png);
  opacity: .8;
  transition: .2s;
  display: block;
}

.popup_close:hover {
  opacity: 1;
}

.popup_comment_line {
  border-bottom: 2px solid #FFC5AB;
  margin: 0;
  padding: 0;
}

.popup_prof_comment_p {
  margin: 10px 0 10px 0;
}

.popup_prof_comment_wrapper {
  margin: 0 auto 0 auto;
  max-width: 600px;
}

.popup_prof_comment {
  font-family: "Sawarabi Gothic";
  color: #675C5B;
  background-color: #FFF;
  padding: 4px 20px 4px 20px;
  margin: 10px 0 10px 0;
}

.popup_prof_comment_title {
  margin: 10px 0 5px 0;
  font-weight: 800;
}

.popup_prof_p {
  font-size: 1.4em;
  padding: 14px 0 0 10px;
  margin: 0;
  text-align: center;
  color: #5B5353;
  z-index: 1;
}

.popup_prof_img {
  display: block;
  margin: 0 10px 10px 10px;
  height: 60px;
  width: 60px;
  z-index: 1;
}

.popup_prof_name {
  display: flex;
  border-radius: 65px;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 60px;
}

.shisetsu_wrapper_bg {
  background: -webkit-linear-gradient(to right, rgba(176, 155, 150, 0.5) 2%, #FFFEF8, rgba(176, 155, 150, 0.5) 98%);
  background: linear-gradient(to right, rgba(176, 155, 150, 0.5) 2%, #FFFEF8, rgba(176, 155, 150, 0.5) 98%);
}

.shisetsu_wrapper {
  display: block;
  height: 400px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 0 auto;
  background-position: center center;
}

.shisetsu_wrapper_A {
  background-image: url("../../img/rn01/tour_A.jpg");
}

.shisetsu_wrapper_B {
  background-image: url("../../img/rn01/tour_B.jpg");
}

.shisetsu_wrapper_C {
  background-image: url("../../img/rn01/tour_C.jpg");
}

.shisetsu_content_wrapper {
  display: inline-block;
  height: auto;
  width: 450px;
  max-width: 500px;
  position: relative;
  padding: 25px 10px 20px 20px;
  border-radius: 4px;
  box-shadow: 0 5px 2px 0 rgba(196, 86, 86, 0.2);
  background-color: rgba(254, 249, 245, 0.85);
}

.shisetsu_content_wrapper_A {
  margin: 60px 25px 25px 25px;
  float: left;
}

.shisetsu_content_wrapper_B {
  margin: 60px 25px 25px 25px;
  float: right;
}

.shisetsu_content_title {
  font-size: 1.4em;
  font-weight: 300;
  color: #968C88;
  padding: 0;
  margin: 0 30px 0 20px;
  border-bottom: 2px solid #968C88;
  display: block;
}

.shisetsu_content_p {
  display: block;
  padding: 10px 20px 0 20px;
  margin: 0;
  color: #514949;
  font-weight: 300;
}

.shisetsu_content_top_p {
  display: block;
  padding: 10px 20px 20px 20px;
  margin: 0;
  color: #514949;
  font-weight: 300;
}

.shisetsu_content_top_p:last-of-type {
  padding: 10px 20px 0 20px;
}


.test_bg {
  display: block;
  margin: 0 auto 0 auto;
  background-image: url("../../img/rn01/tour_B.jpg");
  background-position: center;
}

.test_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  z-index: 0;
  overflow: hidden;
}

.test_wrapper:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: inherit;
  filter: blur(10px) brightness(85%);
  content: '';
  z-index: -1;
  background-size: auto 100%;
}

.test_box {
  box-shadow: 0 0 15px rgba(0, 0, 0, .3);
  background: inherit;
  width: 100%;
  height: 400px;
  display: block;
  max-width: 900px;
  margin: 0 auto 0 auto;
  background-position: center center;
  padding: 0;
}

.banner_img_wrapper_A {
  background: #B8A8A7;
  transition: .3s;
}

.banner_img_wrapper_A:hover {
  background: #23883A;
}

.banner_img_wrapper_B {
  background: #B8A8A7;
  transition: .3s;
}

.banner_img_wrapper_B:hover {
  background: #2292C5;
}

.banner_link {
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
}


.banner_link_wrapper_bg_wrap {
  width: 100%;
  padding: 8px 0 8px 0;
  background-image: radial-gradient(#8C7B72 2%, transparent 40%), radial-gradient(#fff 2%, transparent 40%);
  background-size: 8px 8px;
  background-position: 0px 0, 4px 4px;
}


.banner_link_wrapper_bg {
  padding: 20px;
  background: -webkit-linear-gradient(to right, rgba(245, 219, 223, 0.5), rgba(255, 252, 220, 0.5));
  background: linear-gradient(to right, rgba(245, 219, 223, 0.5), rgba(255, 252, 220, 0.5));
}

.banner_link_img_wrapper {
  height: 224px;
  padding: 0;
  transition-duration: 2s;
}

.banner_link_left {
  float: left;
  height: 100%;
  width: 40%;
  padding: 0;
  margin: 0;
}

.banner_link_left_DoctorsFile {
  background-image: url("../../img/rn01/banner_parts_2.png");
  background-size: auto 110%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_left_DoctorsFile_B {
  background-image: url("../../img/rn01/banner_parts_B.jpg");
  background-size: auto 110%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_DoctorsFile_bg {
  height: 90%;
  width: 80%;
  min-width: 160px;
  background: #fff;
  margin: 8px auto 8px auto;
  padding: 4px 0 0 0;
  border-radius: 4px;
}

.banner_link_right_DoctorsFile {
  background: #DCEDDA;
}

.banner_link_right_p_DoctorsFile {
  background: #4C894B;
  color: #fff;
  width: 150px;
  text-align: center;
  padding: 8px 4px 8px 4px;
  margin: 20px auto 0 auto;
  border-radius: 5px;
  font-size: 1em;
}

.banner_right_icon_img_DoctorsFile {
  margin: 10px auto 0 auto;
  height: 80px;
  width: 160px;
  display: block;
  align-content: center;
}

.banner_link_left_MedicalDoc {
  background-image: url("../../img/rn01/banner_parts_4.png");
  background-size: auto 110%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_MedicalDoc_bg {
  height: 90%;
  width: 80%;
  min-width: 160px;
  background: #fff;
  margin: 8px auto 8px auto;
  padding: 4px 0 0 0;
  border-radius: 4px;
}

.banner_link_right_MedicalDoc {
  background: #fff;
}

.banner_link_right_p_MedicalDoc {
  background: #4F96C2;
  color: #fff;
  width: 150px;
  text-align: center;
  padding: 8px 4px 8px 4px;
  margin: 20px auto 0 auto;
  border-radius: 5px;
  font-size: 1em;
}

.banner_right_icon_img_MedicalDoc {
  margin: 0 auto 0 auto;
  height: 30px;
  width: 160px;
  display: block;
  align-content: center;
}

.banner_link_right_p_title_MedicalDoc {
  font-size: 14px;
  text-align: center;
  color: #6C6362;
  font-weight: 300;
  padding: 12px 0 12px 0;
  margin: 0;
}

.banner_link_left_contactus {
  background: #85A0A0;
}

.banner_link_left_tour {
  background: #D69CB3;
}

.banner_link_left_shounika {
  background: #6D85A9;
}

.banner_link_left_naika {
  background: #9BC3BF;
}

.banner_link_left_sanfujinka {
  background: #E9ADAD;
}

.banner_link_left_sanka {
  background: #E9ADAD;
}

.banner_link_left_fujinka {
  background: #FAB2A5;
}

.banner_link_left_sangocare {
  background: #F7C68D;
}

.banner_link_left_cooking {
  background: #FAC3B2;
}

.banner_link_left_benesse {
  background: #75D7C6;
}



.banner_link_title {
  display: block;
  padding: 20px 0 0 0;
  margin: 0;
  color: #ffffff;
  font-weight: 300;
  font-size: 1.4em;
  text-align: center;
}

.banner_link_p {
  display: block;
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-align: center;

}

.banner_link_circle {
  height: 100px;
  width: 100px;
  background: #FEF5E4;
  border-radius: 54px;
  margin: auto;
  margin: 20px auto 0 auto;
  box-shadow: 0 0 8px 1px rgb(255, 255, 255, 0.6);
}

.banner_link_right {
  width: 60%;
  float: left;
  height: 100%;
  box-shadow: 0 0 30px 0 rgb(150, 138, 133, 0.4) inset;
}

.banner_link_right_title {
  margin: 0;
  padding: 12px 0 8px 0;
  font-weight: 300;
  text-align: center;
  color: #6C6362;
}

.banner_link_right_p {
  font-family: NotoSansJP, Meiryo, Geneva, Helvetica, "Hiragino Sans", "Droid Sans", Arial, "Arial Unicode", "Arial Unicode MS", sans-serif;
  font-size: 1em;
  text-align: center;
  color: #6C6362;
  font-weight: 300;
  padding: 8px;
  margin: 0;
}

.banner_link_right_p_cooking {
  color: #FFF;
  margin: 18px 0 0 0;
  text-align: left;
  padding: 4px 0 4px 12px;
  /* text-shadow:1px 1px 0 #514949, -1px -1px 0 #514949,
              -1px 1px 0 #514949, 1px -1px 0 #514949,
              0px 1px 0 #514949,  0-1px 0 #514949,
              -1px 0 0 #514949, 1px 0 0 #514949; */
  /* background-color:#A5948C; */

  background-color: rgba(254, 249, 245, 0.85);
  color: #968C88;
  /* opacity: 80%; */
  font-size: 60%;
  height: 30px;

}

.banner_link_right_p_cooking_pdf {
  display: block;
  padding: 6px 0 6px 62px;
}

.banner_link_right_contact_tel {
  background: #90A3A4;
  color: #ffffff;
  width: 140px;
  text-align: center;
  display: block;
  padding: 4px;
  margin: 0 auto 0 auto;
  border-radius: 5px;
}

.banner_link_right_contact_cooking {
  background: #FF9757;
  display: block;
  color: #ffffff;
  width: 140px;
  padding: 24px 4px 4px 4px;
  margin: 40px auto 0 auto;
  text-align: center;
  align-content: center;
  border-radius: 5px;
}

.banner_link_right_cooking_wrapper {
  display: inline-block;
  width: 100%;
}

.banner_link_img_benesse_wrapper {
  width: 100%;
  height: 224px;
  position: relative
}

.banner_link_img_benesse {
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.banner_link_img_book_wrapper {
  width: 100%;
  height: 224px;
  position: relative
}

.banner_link_img_book {
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 460px;
  min-width: 300px;

  height: auto;

}

.banner_link_img_txt {
  display: inline-block;
  margin: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  padding: 2px 6px 2px 6px;
  color: #514949;
  border-radius: 4px;
  font-size: 0.8em;
}


.banner_link_right_p_tour {
  background: #D69CB3;
  color: #fff;
  width: 150px;
  text-align: center;
  display: block;
  padding: 4px;
  margin: 20px auto 0 auto;
  border-radius: 5px;
  border: 2px solid #F8EEE0;
}

.banner_link_right_contact {
  background: #fff;
  background-image: url("../../img/rn01/sougou/shisetsu/shisetsu_001.jpg");
  background-size: auto 140%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_tour {
  background: #5A5353;
  background-image: url("../../img/rn01/Tour_anime.h264");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_contact_bg {
  height: 92%;
  width: 80%;
  min-width: 160px;
  background: rgba(255, 255, 255, 0.85);
  margin: 8px auto 8px auto;
  padding: 0;
  border-radius: 4px;
}

.banner_link_right_cooking_bg {
  height: 100%;
  width: auto;
  background: #5A5353;
  background-image: url("../../img/rn01/banner_parts_cooking.png");
  background-size: auto 110%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_sanka {
  background: #fff;
  background-image: url("../../img/rn01/banner_sanfujinka.png");
  background-size: auto 175%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_fujinka {
  background: #fff;
  background-image: url("../../img/rn01/banner_fujinka.png");
  background-size: auto 130%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_sangocare {
  background: #fff;
  background-image: url("../../img/rn01/banner_sangocare.png");
  background-size: auto 130%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_shounika {
  background: #fff;
  background-image: url("../../img/rn01/banner_shounika.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_right_naika {
  background: #fff;
  background-image: url("../../img/rn01/banner_naika.jpg");
  background-size: auto 130%;
  background-repeat: no-repeat;
  background-position: center;
}

.banner_link_a {
  display: contents;
}

.banner_link_bg {
  background: #FFFFFF;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: 0.3s;
}

.banner_link_bg:hover {
  /* filter: saturate(140%); */
  filter: brightness(1.05);
}

.banner_img {
  display: block;
  align-content: center;
  height: 140px;
  width: 280px;
  margin: 0 auto;
}

.banner_img_wrapper {
  padding: 10px 0 10px 0;
  margin: 10px 0 10px 0;
}

.banner_icon_img {
  height: 80%;
  width: 80%;
  display: block;
  padding: 10% 0 0 10%;
}

.concept_bg {
  position: absolute;
  transform: rotate(-5deg);
  background-image: url("../../img/rn01/concept_bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 25%;
  height: 50%;
  opacity: 0.1;
}

.concept_bg_left {
  margin: -90px 0 0 0;
  left: 0;
}

.concept_bg_right {
  margin: -20px 0 0 0;
  right: 0;
}





.enhance_wrapper_bg,
.comment_enhance_wrapper_bg {
  width: 100%;
  height: auto;
  background-image: url("../../img/rn01/picup_bg_red.png");
  background-size: 680px 250px;
  background-position: center;
  background-repeat: no-repeat;
}


.enhance_wrapper,
.comment_enhance_wrapper {
  overflow: hidden;
  width: 600px;
  margin: 0 auto 40px auto;
  background-color: #F7E7EA;
  border-radius: 8px;
  box-shadow: 0 5px 2px 0 rgb(150 86 86 / 30%);
}


.enhance_wrapper_sanfujinka,
.comment_enhance_wrapper_sanfujinka {
  background-image: url("../../img/rn01/bg_red.png");
}

.enhance_wrapper_fujinka,
.comment_enhance_wrapper_fujinka {
  background-image: url("../../img/rn01/bg_orange.png");
}

.enhance_wrapper_shounika,
.comment_enhance_wrapper_shounika {
  background-image: url("../../img/rn01/bg_blue.png");
}

.enhance_wrapper_naika,
.comment_enhance_wrapper_naika {
  background-image: url("../../img/rn01/bg_green.png");
}

.enhance_wrapper_sangocare,
.comment_enhance_wrapper_sangocare {
  background-image: url("../../img/rn01/bg_yellow.png");
}

.enhance_wrapper_kyotsu,
.comment_enhance_wrapper_kyotsu {
  background-image: url("../../img/rn01/bg_kyotsu.png");
}




.enhance_title,
.comment_enhance_title {
  font-size: 1.4em;
  color: #675C5B;
  padding: 1em 1em 0.5em 1em;
  margin: 0;
}

.enhance_content ul li,
.comment_enhance_content {
  padding: 1em;
  background-color: #FFF;
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin: 0 1em 1em 1em;
  color: #3F3B3A;
}

.enhance_content a {
  text-decoration: none;
  color: #3F3B3A;
  font-weight: 200;
}

.enhance_wrapper:before,
.enhance_wrapper:after,
.comment_enhance_wrapper:before,
.comment_enhance_wrapper:after {
  margin: -20px auto 0 auto;
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
  max-width: 600px;
  width: 85%;
  max-height: 30px;
  background-image: url("../../img/rn01/enhance_deco.png");
}


.button_pdf_wrapper {
  text-align: center;
}

.button_pdf {
  height: 60px;
  width: 140px;
  color: #3E3F44;
  position: relative;
  margin: 30px 0 30px 0;
  padding: 8px 25px 8px 25px;
  border: none;
  background: none;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 2px;
  transition: .2s;
  box-shadow: 5px 5px 0 0 rgba(152, 140, 135, 0.4);
  z-index: 3;
}

.button_pdf:after {
  position: absolute;
  top: 2px;
  left: 4px;
  content: "";
  height: 100%;
  width: 100%;
  transition: 0.2s;
}

.pdf a:after {
  content: url("../../img/rn01/icon_pdf.svg");
  display: block;
  /* float:right; */
  width: 20px;
  height: 20px;
  margin: -19px 0 0 88px;
}

.banner_link_right_title a:after {
  content: url("../../img/rn01/icon_pdf.svg");
  display: block;
  /* float:right; */
  width: 20px;
  height: 20px;
  margin: -19px 0 0 88px;
}


.button_bg {
  position: absolute;
  display: block;
  top: 1px;
  left: 1px;
  border-radius: 2px;
  background-image: url("../../img/rn01/bg_blue.png");
  height: 56px;
  width: 136px;
  opacity: 0.7;
  transition: .2s;
  z-index: -1;
}

.button_pdf:hover .button_bg {
  opacity: 1;
}

.button_pdf:hover {
  color: #5A5454;
}

.arrow_down {
  margin: auto;
  position: relative;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: #F86166;
  margin: 20px auto -15px 40%;
}

.arrow_down:after {
  position: absolute;
  content: '';
  top: -32px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: #F86166;
}


.content {
  clear: both;
  margin: 2em 0 2em 0;
}

.content_last-child {
  padding: 0 0 120px 0;
}

.chart_tantou_ampm {
  width: 150px;
  height: 2em;
  padding: 4px 0 4px 0;
}

.chart_tantou_dep_1 {
  width: 100px;
  height: 2em;
  padding: 4px 0 4px 0;
}

.chart_tantou_dep_2 {
  padding: 4px 0 4px 0;
}

.chart_tantou_update {
  height: 40px;
  font-size: 1.2em;
  border-bottom: 1px solid #988C87;
}

.chart_data_tantoui {
  color: #FFF;
  padding: 2px 0 2px 0;
  border-left: none;
  border-top: 3px solid #FFF;
  border-bottom: none;
  background: #675C5B;
  text-shadow: none;
}

.chart_tantou_mon {
  background: linear-gradient(90deg, #87787C 60%, #BFAAAF 80%, #BFAAAF);
  background-image: url("../../img/rn01/bg_brown_red.png");
}

.chart_tantou_tue {
  background: linear-gradient(90deg, #87787C 65%, #BFAAAF 85%, #BFAAAF);
}

.chart_tantou_wed {
  background: linear-gradient(90deg, #87787C 70%, #BFAAAF 90%, #BFAAAF);
}

.chart_tantou_thu {
  background: linear-gradient(90deg, #87787C 75%, #BFAAAF 95%, #BFAAAF);
}

.chart_tantou_fri {
  background: linear-gradient(90deg, #87787C 80%, #BFAAAF 100%, #BFAAAF);
}

.chart_tantou_sat {
  background: linear-gradient(90deg, #87787C 70%, #A5BFCF 90%, #A5BFCF);
}

.dr_male {
  width: 30%;
  min-width: 50px;
}

.dr_director {
  width: 30%;
  min-width: 50px;
  color: #45749B;
}

.dr_joi {
  width: 30%;
  min-width: 50px;
  color: #EB5B5B;
}

.dr_junten {
  width: 30%;
  min-width: 50px;
  background-color: #EDF4ED;
}

.dr_toho {
  width: 30%;
  min-width: 50px;
  background-color: #FFF1E0;
}

.dr_chief {
  width: 30%;
  min-width: 50px;
  background-color: #C8DEC9;
}

.tantoui_sat_no {
  display: block;
  min-width: 50px;
  width: 50%;
  font-size: 16px;
  padding: 0px 2px;
  margin: 0 auto;
  color: #fff;
  background-color: #988C87;
  border-radius: 4px;
  border: 1px solid #fff;
}

.comment_dr_director {
  color: #45749B;
  border: 1px solid #675C5B;
  padding: 3px 0.4em 2px 0.4em;
  margin: 0 0.2em 0 0;
  font-weight: 500;
}

.comment_dr_joi {
  color: #EB5B5B;
  border: 1px solid #675C5B;
  padding: 3px 0.4em 2px 0.4em;
  margin: 0 0.2em 0 0;
  font-weight: 500;
}

.comment_dr_junten {
  background-color: #EDF4ED;
  border: 1px solid #675C5B;
  padding: 3px 0.4em 2px 0.4em;
  margin: 0 0.2em 0 0;
  font-weight: 500;
}

.comment_dr_toho {
  background-color: #FFF1E0;
  border: 1px solid #675C5B;
  padding: 3px 0.4em 2px 0.4em;
  margin: 0 0.2em 0 0;
  font-weight: 500;
}

.comment_dr_chief {
  background-color: #C8DEC9;
  border: 1px solid #675C5B;
  padding: 3px 0.4em 2px 0.4em;
  margin: 0 0.2em 0 0;
  font-weight: 500;
}

.faq_content_wrapper {
  width: 96%;
  max-width: 700px;
  margin: 12px auto 0 auto;
}

.faq_tittle {
  margin: 0;
}

.faq_tittle_bg {
  padding: 0 0 0 40px;
  border-radius: 4px;
  cursor: pointer;
  text-shadow: 2px 2px 1px #FFF, -2px 2px 1px #FFF, 2px -2px 1px #FFF, -2px -2px 1px #FFF;
  line-height: 2em;
  background: repeating-linear-gradient(135deg, #A89994, #FFF6F5);
  transition: .5s;
}

.faq_tittle_bg_sanfujinka {
  background: repeating-linear-gradient(135deg, #EEC2C3, #FFF6F5);
}

.faq_tittle_bg_fujinka {
  background: repeating-linear-gradient(135deg, #FADBC5, #FFF6F5);
}

.faq_tittle_bg_sangocare {
  background: repeating-linear-gradient(135deg, #FCE2BD, #FFF6F5);
}

.faq_tittle_bg_shounika {
  background: repeating-linear-gradient(135deg, #ABD4ED, #E8FCFB);
}

.faq_tittle_bg:hover {
  opacity: 0.7;
}

.faq_tittle:before {
  margin: 4px 8px 0 -30px;
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: url("../../img/rn01/rooms/question.svg");
}

.faq_arrow {
  margin: -8px 12px -8px 0;
  padding: 0;
  height: 30px;
  width: 30px;
  display: inline;
  /* float:right; */
  border-radius: 4px;

  filter: invert(0.7);
}

.faq_contents {
  background: #FFF9F3;
  padding: 0 10px 0 40px;
  line-height: 1.4em;
}

.faq_contents_p {
  text-indent: 0em;
  line-height: 1.2em;
  padding: 1em 16px 1em 0;
  margin: 0;
}

.faq_contents_p a {
  color: #000;
  font-weight: bold;
}

.faq_contents:before {
  position: absolute;
  margin: 8px 0 0 -30px;
  display: block;
  width: 24px;
  height: 24px;
  content: url("../../img/rn01/rooms/answer.svg");
}

.faq_ul {
  padding: 12px 18px 0 0;
}

.faq_li {
  line-height: 1.6em;
  list-style-type: none !important;
  text-indent: -1em;
  padding-left: 2em;
  margin: 0;
}

#js_toggle_target_1 {
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: .5s;
}

#js_toggle_target_1.motion {
  visibility: visible;
  opacity: 1;
}

#js_toggle_target_2 {
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: .5s;
}

#js_toggle_target_2.motion {
  visibility: visible;
  opacity: 1;
}



#contentbox {
  float: left;
  width: auto;
}

#navshadow {
  display: none;
}

#slidebox1,
#slidebox2,
#slidebox3,
#slidebox4 {
  width: 100%;
}

#slidebox1 {
  display: block;
}

#content1,
#content2,
#content3,
#content4 {
  float: none;
  height: auto;
  width: 100%;
  clear: none;
  background-color: #FFF;
}

.footer_box {
  margin: 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
  z-index: 2;
  content: " ";
  display: inline-block;
  display: block;
}

.footer_bg {
  background: #77676B;
  padding: 20px 0 20px 0;
  margin: 0;
  height: auto;
}

.footer_box:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  background: url("../../img/rn01/footer.png");
  background-repeat: repeat-x;
  background-size: 1200px auto;
  background-position: center;
  height: 140px;
  padding: 0;
  margin: -120px 0 0 0;
}

.footer_line {
  border-radius: 50%;
  width: 90%;
  max-width: 500px;
  align-content: center;
  margin: 20px auto 30px auto;
  padding: 10px 0 0 0;
  background: #FFF9F3;
  box-shadow: 0 0 30px #EAD0D8;
}

.footer_line:before {
  content: "";
  display: block;
  width: 75px;
  height: 50px;
  background: url("../../img/rn01/footer_logo.png");
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto -50px auto;
  opacity: 70%;
}

.footer_info {
  margin: 60px 0 20px 0;
  padding: 0 0 20px 0;
  font-weight: 300;
  font-size: 0.8em;
  color: #48413D;
  line-height: 1.6em;
  text-align: center;
  letter-spacing: 1px;
}

.footer_p {
  line-height: 1.6em;
  padding: 0;
  margin: 0;
}

.footer_p_bold {
  border-top: 2px solid #E8DFD1;
  border-bottom: 2px solid #E8DFD1;
  margin: 0.5em 4em 0.5em 4em;
  font-weight: 500;
}

.tel {
  color: #675C5B;
  text-decoration: none;
  transition: 0.2s;
}

.point_active {
  cursor: pointer;
  pointer-events: auto;
}

.tel:hover {
  opacity: 0.8;
}

.br-sp {
  display: none;
}

.br_sp760 {
  display: none;
}

.br_sp760_415 {
  display: block;
}

.faq_br {
  display: block;
  content: '';
  height: 0.4em;
}

.dr_br {
  display: block;
  content: '';
  height: 0.4em;
}

.header_bottom_sp {
  display: none;
}

.strong {
  font-weight: 500;
}

@media only screen and (max-width : 1200px) {
  .header {
    height: 200px;
  }

  .headerboxImg {
    height: 200px;
  }

  .headerboxImg_sanfujinka {
    height: 110px;
  }

  .concept_bg {
    display: none;
  }

  .doctors_prof_wrapper {
    grid-template-columns: repeat(2, 1fr);
    width: 640px;
  }

  .topic_wrapper_bg {
    background-size: auto 1200px;
  }

  .topic_wrapper_top_bg {
    background-size: auto 1200px;
  }

  .separation_bg {
    height: 27.6px;
    background-size: auto 27.6px;
  }

}

@media only screen and (max-width : 1082px) {
  .header {
    width: 100%;
  }

  .navaction {
    z-index: 100;
    width: 100%;
  }

  .table_shinryo_jikan {
    min-width: 280px;
    width: 90%;
  }

  .chart_update {
    min-width: 0;
    height: 32px;
  }
}

.topic_tape_wrapper {
  height: 40px;
  margin: -20px 0 0 calc(50% - 75px);
}

@media only screen and (max-width : 940px) {
  .bodyShadow {
    width: 100%;
    margin: 0;
  }

}

@media only screen and (max-width: 760px) {
  .bodyShadow {
    background: none;
    width: 100%;
    box-shadow: none;
  }

  .body_dec {
    background: none;
    background-color: #FFFCF5;
  }

  .topic_tape_wrapper {
    margin: 0;
  }

  .content_wrapper {
    padding: 0;
  }

  .content {
    padding: 0;
    margin: 0;
  }

  #primarybox_shounika {
    background-image: none;
    height: 100%;
  }

  #primarybox_naika {
    background-image: none;
    height: 100%;
  }

  #primarybox_sougou {
    background-image: none;
    height: 100%;
  }

  .sp_navaction {
    width: 100%;
    background: #FDF7EF;
  }

  .navaction {
    position: fixed;
    height: 50px;
    top: 0;
  }

  .menu_icon_text {
    pointer-events: none;
    color: #FFF;
    font-size: 1em;
    margin: 14px 0 auto 20px;
    font-weight: 200;
  }

  .menu_icon {
    cursor: pointer;
    display: block;
    float: right;
    position: relative;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url("../../img/rn01/rooms/menu_icon.svg");
    background-position: 40px 0;
    background-size: 96% 96%;
    transition: 0.5s;
    height: 50px;
    width: 130px;
    background-color: #675C5B;
  }

  .menu_icon:hover {
    background-color: rgba(130, 120, 116, 0.8);
  }

  #js_menu_icon.motion {
    background-image: url("../../img/rn01/rooms/menu_icon_c.svg");
  }

  .Top_ADD_TEL_wrap {
    display: none;
  }

  .nav_ul {}

  .nav_ul.motion {

    height: 100vh;
    margin: 0;
    padding: 0;

    overflow-y: auto;


  }

  .dropmenu_ADD_TEL_wrap {
    display: block;
    margin: 20px;
    float: none;
    clear: both;
  }

  .dropmenu_ADD_TEL {
    display: block;
    bottom: 0;
    /* position:absolute ; */
    position: absolute;
    width: 96%;
    font-size: 16px;
    border-left: 4px solid #726864;
    padding: 10px 20px 10px 10px;

  }

  .dropmenu_ADD_TEL_a {
    color: #7D736F;
    background: #FFF;
    text-shadow: none;
    font-size: 14px;
    line-height: 1.2em;
  }

  .dropmenu_ADD_TEL_a_p {
    font-weight: 500;
    margin: 0;
    padding: 8px 0 8px 0;

  }

  .dropmenu_TEL {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
  }

  .header_bottom_sp {
    display: block;
    height: 30px;
    width: 100%;
    background-color: #675C5B;
    background-image: url("../../img/rn01/header_bottom_sp.png");
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: center 1px;
  }

  .topic_wrapper_bg {
    background-image: none;
    background: #fff;
    background: linear-gradient(#E8DCD8, rgba(255, 255, 255, 0));
  }

  .sp_nav_wrapper {
    box-shadow: none;
    background: none;
  }


  .sp_navaction {
    background: none;
  }

  .topic_wrapper {
    height: 330px;
  }

  .topic {
    height: 300px;
    background-position: 0 bottom;
  }

  .topic_A {
    margin: 5px 0 0 50px;
  }

  .topic_B {
    margin: 5px 0 0 470px;
  }

  .topic_C {
    margin: 5px 0 0 50px;
  }

  .topic_bg {
    height: 300px;
    width: 500px;
    margin: 0 auto 0 auto;
    background-size: 194%;
  }

  .topic_picture_A {
    margin: 20px 0 0 360px;
  }

  .topic_message_A {
    padding: 15px 0 0 20px;
  }

  .topic_picture_B {
    margin: 20px 0 0 -40px;
  }

  .topic_message_B {
    padding: 36px 0 0 0;
  }

  .topic_text_B {
    padding: 60px 0 0 160px;
  }

  .topic_picture_C {
    margin: 20px 0 0 360px;
  }

  .topic_message_C {
    padding: 110px 0 0 40px;
  }

  .topic_text_C {
    padding: 100px 0 0 40px;
  }

  .topic_tape {
    margin: -20px 0 0 180px;
  }

  .doctors_prof_wrapper {
    grid-template-columns: repeat(1, 1fr);
    width: 90%;
    max-width: 400px;
    gap: 0px;
  }

  .doctors_prof {
    border-bottom: 4px solid #D9C3B0;
  }

  .chart_ampm {
    min-width: 60px;
  }

  .chart_dep_1 {
    min-width: 64px;
  }

  .chart_dep_2 {
    min-width: 64px;
    padding: 0;
  }

  .chart_data {
    min-width: 0;
    padding: 0;
  }

  .chart_date_eng {
    display: none;
  }

  .shisetsu_wrapper_top {
    width: 90%;
    margin: 20px auto 20px auto;
  }



  .faq_tittle_bg {
    margin: 0 8px 0 8px;
  }

  .page_subtitle {
    position: relative;
    display: block;
    text-align: center;
    padding: 0;
  }

  .page_subtitle:before {
    margin: 2px auto 4px auto;
    position: relative;
    display: block;
    width: 60px;
    height: 40px;
    background-image: url("../../img/rn01/subtitle_icon_sp.png");
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .subtitle_detail {
    position: relative;
    display: block;
    text-align: center;
    align-content: center;
    margin: 0 auto 8px auto;
    border: none;
    border-radius: 8px;
    padding: 4px 0 4px 0;
    background-color: #675C5B;
    color: #FFF;
    width: 80%;
    min-width: 260px;
    max-width: 340px;
  }

  .banner_link_title_h3_wrapper {
    width: 100%;
    float: none;
    clear: both;
    padding: 0 20% 0 20%;
    margin: 0;
  }

  .banner_link_img_wrapper {
    transition-duration: 2s;
    align-content: center;
  }

  .banner_link_title_h3 {
    display: inline-block;
    width: 60%;
    height: 140px;
    align-content: center;
    float: none;
    clear: both;
    margin: 0px auto 0px auto;
    background: linear-gradient(to bottom, #A5958D 20%, #75686B);
    text-align: center;
  }

  .banner_link_title_h3:before {
    float: none;
    margin: 0 auto 0 auto;
    padding: 0;
  }

  .banner_link_title_h3:after {
    width: 100px;
    border: 60px solid transparent;
    border-bottom: 30px solid #75686B;
    top: 200px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
  }

  .h4_comment {
    height: auto;
    position: relative;
    padding: 3px 5px 5px 5px;
    border-left: none;
    border-bottom: none;
    text-align: center;
    margin: 8px 0 8px 0;
    border-bottom: 3px solid #C9B3B7;
  }

  .h4_comment_sanfujinka {
    background: #FCEDEB;
  }

  .h4_comment_fujinka {
    background: #FCECDE;
  }


  .h4_comment_sangocare {
    background: #FCECD4;
  }

  .h4_comment_sougou {
    background: #EDE2E0;
  }

  .h4_comment_fujinka {
    background: #FCECDE;
  }

  .h4_comment:before {
    display: none;
  }

  .comment_li {
    width: 96%;
    line-height: 1.6em;
    /* padding:0; */
    margin: 0 1em 0 0;
  }

  .comment_li:before {
    padding: 0 4px 0 0;
  }

  .enhance_wrapper_bg,
  .comment_enhance_wrapper_bg {
    width: 100%;
    height: auto;
    background-size: 100% 100%;
  }

  .enhance_wrapper,
  .comment_enhance_wrapper {
    width: 90%;
    max-width: 600px;
  }

  .banner {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: auto 0;
    padding: 20px;
    background-color: #776C6B;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: 90%;
  }

  .banner {
    margin: auto 0;
    padding: 20px 0 20px 0;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    gap: 0px;
    margin: 20px auto 20px auto;
  }

  .banner_link_wrapper_bg {
    padding: 8px;
  }

  .banner_img_wrapper {
    width: 70%;
    min-width: 300px;
    margin: 5px auto 5px auto;
    align-content: center;
    display: block;
  }

  .banner_link {
    justify-content: center;
    max-width: 1200px;
    margin: auto 0;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: auto;
    padding: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  #content1,
  #content2,
  #content3,
  #content4,
  #content5,
  #content6 {
    width: 100%;
  }

  .nav_li {
    position: relative;
    width: 100%;
    height: 45px;
    text-align: left;
    float: left;
    transition: 0.2s;
    margin: 0px 0 0 0;
  }

  .nav_li_div {
    position: relative;
    height: auto;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .nav_shadow {
    height: 30px;
    pointer-events: auto;
    cursor: pointer;
  }

  #js_toggle_target_1 {
    display: none;
  }

  #js_toggle_target_1.motion {
    display: block;
    position: relative;
    margin: -10px 0 0 0;
    float: left;
  }

  #js_toggle_target_2 {
    display: none;
  }

  #js_toggle_target_2.motion {
    display: block;
    position: relative;
    margin: -10px 0 0 0;
    float: left;
  }

  .nav_icon_img {
    height: 30px;
    width: 30px;
    margin: 0;
    padding: 0;
  }

  .nav_p {
    display: block;
    margin: 5px 0 5px 1em;
    float: left;
  }

  .nav_p_eng {
    display: none;
  }

  .nav_p_eng {
    display: none;
  }

  .nav_line {
    display: none;
  }

  #js_navshadow {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }

  #js_shadow_wrapper {
    overflow: visible;
    position: relative;
    height: auto;
  }

  #js_shadow_wrapper.motion {
    overflow: hidden;
    height: 1030px;
  }

  #js_navshadow.motion {
    display: block;
    position: absolute;
    width: 100%;
    height: 120%;
    background-color: #000;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 99;
  }

  #js_nav_toggle {
    margin: 50px 0 0 0;
  }

  .nav_ul {
    display: none;
    align-content: flex-start;
    width: 90%;
    padding: 0;
    margin: 0 0 0 10px;
    float: none;
    background: #FCF6E7;
    height: 100vh;
  }

  .nav_li:first-child {
    border-top: none;
  }

  .nav_li:hover {
    background: #F2EFED;
  }

  .nav_li {
    position: relative;
    padding: 0;
    float: none;
    clear: both;
    border-bottom: 1px dotted #675C5B;
  }



  .nav_ul:before {
    /* content: '';
    margin: 0 auto 0 auto;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    background: none;
    z-index: 3;
    right: 50px;
    margin: -24px 0 0 80%;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #FFF;
    border-left: 12px solid transparent; */
  }

  .nav_ul_sougou_li_img {
    margin: 4px 0px 0 16px;
  }

  #js_nav_toggle {
    right: -100%;
    transition: right .5s;
    display: block;
    background: #FFF;
    position: absolute;
  }

  #js_nav_toggle.motion {
    display: block;
    right: 0;
    transition: right .5s;
  }

  .pagename.motion {
    display: none;
  }

  #contentbox {
    width: 100%;
    margin: 88px 0 0 0;
  }

  .nav_a {
    display: block;
    padding: 8px 0 0 10px;
    float: left;
    color: #5C5251;
  }

  .nav_ul_sougou {
    padding: 0;
    width: 100%;
    position: relative;
  }

  .nav_ul_sougou_li {
    display: block;
    background: #988C87;
    transition: .2s;
    border-top: 1px solid #FFFBF6;
    margin: 0 auto 0 auto;
    width: 99%;
    padding: 0;
    float: none;
  }

  .nav_ul_sougou_li:first-child:before {
    content: '';
    position: relative;
    width: 0;
    height: 0;
    background: none;
    z-index: 3;
    margin: 0 0 0 62px;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #988C87;
    border-left: 12px solid transparent;
    display: none;
  }

  .nav_ul_sougou_li:first-child {
    margin: 40px auto 0 auto;
    margin: 0 auto 0 auto;
    border-top: none;
  }

  .nav_ul_sougou_li:last-child {
    margin: 0 1px 16px 2px;
  }


  .nav_ul_sougou_li:hover {
    background: #5B5353;
  }

  .nav_ul_sougou_li a {
    color: #fff;
    padding: 4px 0 6px 55px;
    float: none;
  }

  .nav_icon_img {
    float: none;
  }

  .li_close {
    display: block;
    height: 45px;
    vertical-align: bottom;
    position: absolute;
    background: #9B928D;
    bottom: 45px;
    width: 100%;
  }

  .li_close_icon {
    background-image: url("../../img/rn01/rooms/menu_icon_c.svg");
    height: 45px;
    width: 45px;
    right: 0;
    position: absolute;
    background-size: 97% 97%;
    margin: 0;
  }

  .ul_arrow_1,
  .ul_arrow_2 {
    height: 25px;
    width: 32px;
    padding: 0;
    margin: 0;
    right: 4px;
    top: 8px;
    position: relative;
    background-image: url("../../img/rn01/rooms/menu_icon_e.png");
    transition: 0.6s;
    transform-origin: 50% 50%;

    float: right;
    /* right:-10px; */
    background-position: -10px -12px;

  }

  .ul_arrow_1.motion,
  .ul_arrow_2.motion {
    transform: rotate(180deg);
    /* transform-origin: 64% 60%; */
  }

  .ul_arrow_wrapper_1,
  .ul_arrow_wrapper_2 {
    background: #988C87;
    height: 40px;
    width: 40px;
    padding: 0 0 0 0;
    margin: 2px 4px 4px 4px;

    transition: 0;
    /* float:right; */
    position: relative;
    float: right;

  }

  .ul_arrow_wrapper_1.motion,
  .ul_arrow_wrapper_2.motion {
    background: #675C5B;
  }


  #slidebox1,
  #slidebox2,
  #slidebox3,
  #slidebox4 {
    display: block;
  }

  #roll_upper {
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  #slidebox {
    -webkit-box-shadow: 0 10px 15px 0.5em rgba(205, 169, 136, 0.2);
    -moz-box-shadow: 0 10px 15px 0.5em rgba(205, 169, 136, 0.2);
    box-shadow: 0 10px 15px 0.5em rgba(205, 169, 136, 0.2);
    width: 99%;
    margin: 0 auto 0 0.5%;
  }

  .br-sp {
    display: block;
  }

  .br_sp760_415 {
    display: none;
  }

  #footerbox.motion {
    display: none;
  }

  .comment_info_wrapper {
    background-image: url("../../img/rn01/comment_bg_sp.png");
    height: 200px;
    width: 280px;
    background-size: 280px 200px;
  }

  .comment_info {
    padding: 40px 0 0 0;
  }

  .headerboxImg {
    height: 200px;
    top: 50px;
    background-position: center 50px;
    background-size: auto 120%;
  }

  .headerboxImg_sanfujinka {
    display: none;
  }

  .headerImg_logo {
    display: none;
  }

  .headerImg_sp:before {
    cursor: pointer;
    height: 50px;
    content: '';
    margin: 0;
    width: 100px;
    position: absolute;
    z-index: 200;
    background-image: url("../../img/rn01/header_sp.png");
    background-repeat: no-repeat;
    background-position: 20px 2px;
    -webkit-background-size: auto 45px;
    -moz-background-size: auto 45px;
    background-size: auto 45px;
  }

  .doctors_director_wrapper_bg {
    background-image: none;
  }

  .doctors_wrapper_bg {
    background-image: none;
  }

  .doctors_director_content_wrapper {
    display: block;
    height: auto;
    width: 90%;
    max-width: 500px;
    float: none;
    position: relative;
    margin: -70px auto 20px auto;
    border-radius: 4px;
    padding: 0;
    vertical-align: middle;
  }

  .doctors_content_wrapper {
    display: block;
    height: auto;
    width: 90%;
    max-width: 500px;
    float: none;
    position: relative;
    margin: -70px auto 20px auto;
    border-radius: 4px;
    padding: 0;
    vertical-align: middle;
  }

  .doctors_img_director {
    border-bottom: 4px solid #7B8CA6;
  }

  .doctors_img_vicedirector {
    border-bottom: 4px solid #7AA5B1;
  }

  .doctors_img_sanfujinka {
    border-bottom: 2px solid #C87071;
  }

  .doctors_img_shounika {
    border-bottom: 2px solid #9DCDE1;
  }

  .doctors_img_naika {
    border-bottom: 2px solid #92CCB9;
  }

  .doctors_content_wrapper_director {
    border-top: 10px solid #7B8CA6;
  }

  .doctors_content_wrapper_vicedirector {
    border-top: 10px solid #7AA5B1;
  }

  .doctors_content_wrapper_sanfujinka {
    border-top: 10px solid #F7BCBE;
  }

  .doctors_content_wrapper_shounika {
    border-top: 10px solid #C0E0ED;
  }

  .doctors_content_wrapper_naika {
    border-top: 10px solid #C3EBDD;
  }

  .doctors_director_wrapper {
    height: auto;
    width: 90%;
    max-width: 500px;
  }

  .doctors_wrapper {
    height: auto;
    width: 90%;
    max-width: 500px;
  }

  .doctors_content {
    padding: 80px 1.5em 1.5em 1.5em;
  }

  .doctors_content_director {
    padding: 20px 1.5em 1.5em 1.5em;
    margin: 40px 0 0 0;
  }

  .doctors_director_profile_bg {
    width: 74%;
    max-width: 400px;
    margin: -14px auto 20px auto;
    position: relative;
  }

  .doctors_director_profile_p {
    margin: 0;
    padding: 2px 4px 12px 18%;
  }

  .doctors_director_profile_p:last-of-type {
    margin-bottom: 18px;
  }

  .doctors_director_profile_p_title {
    margin: 0;
    padding: 2px 4px 2px 12%;
  }

  .doctors_director_profile_p_title:first-of-type {
    padding: 14px 4px 2px 12%;
  }

  .doctors_img_director_bg {
    margin: 20px auto 0 auto;
    float: none;
    position: relative;
    width: 180px;
  }

  .doctors_img_bg {
    margin: 15px auto 0 auto;
    float: none;
    position: relative;
  }

  .doctors_img_director {
    margin: 20px auto 0 auto;
    padding: 20px 0 0 0;
    float: none;
    position: relative;
    display: block;
  }

  .footer_box {
    margin: 120px 0 0 0;
  }

  .br_no760 {
    display: none;
  }

}

@media only screen and (max-width: 620px) {
  .headerboxImg {
    width: 100%;
    right: 0;
    height: 200px;
    margin: 0;
    background-size: 110% auto;
    background-position: right 50px;
  }

  .headerboxImg_shounika {
    background-image: url("../../img/rn01/rooms/header_sanfujinka_sp.png");
  }

  .headerboxImg_shounika {
    background-image: url("../../img/rn01/rooms/header_shounika_sp.png");
  }


  .shisetsu_wrapper_bg {
    width: 100%;
  }

  .shisetsu_wrapper_top_bg {
    width: 100%;
  }

  .shisetsu_wrapper {
    width: 100%;
    margin: 0;
  }

  .shisetsu_wrapper_top {
    width: 100%;
    margin: 0px auto 0px auto;
  }

  .shisetsu_content_wrapper {
    width: auto;
    display: inline-block;
    margin: auto;
    padding: 25px 10px 20px 10px;
    min-width: 200px;
    max-width: 800px;
    float: none;
    margin: 5%;
  }

  .test_box {
    height: auto;
  }

  .shisetsu_content_top_wrapper {
    width: auto;
    display: inline-block;
    margin: auto;
    padding: 25px 16px 20px 16px;
    min-width: 200px;
    max-width: 800px;
    float: none;
    margin: 0;
    box-shadow: none;
    border-radius: 0;

  }

  .shisetsu_wrapper_top:nth-of-type(2) .shisetsu_content_top_wrapper {
    padding: 0px 16px 20px 16px;

  }


  .topic_wrapper_bg {}

  .topic_wrapper_bg_dec {
    margin: 0;
    top: 0;
  }

  .topic_wrapper_top_bg_dec {
    margin: 0;
    top: 0;
  }

  .topic_wrapper {
    width: 90%;
    margin: 10vw 5vw 0 5vw;
  }

  .topic_wrapper_A,
  .topic_wrapper_B,
  .topic_wrapper_C {
    height: 100vw;
  }

  .topic_A,
  .topic_B,
  .topic_C {
    margin: 50vw 0 0 0;
    height: 40vw;
    width: 20vw;
  }

  .topic_bg {
    width: auto;
    height: 100vw;
  }

  .topic_tape_wrapper {
    width: 100%;
    margin: 0;
    margin: -2vw 0 0 0;
  }

  .topic_tape {
    height: 10vw;
    margin: 0;
    width: 40%;
    margin: -4vw 30% 0 30%;
    position: relative;
  }

  .topic_text_p {
    display: block;
  }

  .topic_text_A,
  .topic_text_B,
  .topic_text_C {
    font-size: 7vw;
    display: block;
    position: relative;
    margin: 0;
  }

  .topic_text_A {
    line-height: 9vw;
    padding: 52vw 0 1vw 0;
  }

  .topic_text_B {
    line-height: 9vw;
    padding: 58vw 0 4.5vw 20vw;
  }

  .topic_text_C {
    line-height: 9vw;
    padding: 63vw 0 8.5vw 0;
  }

  .topic_message_A,
  .topic_message_B,
  .topic_message_C {
    padding: 0;
    margin: 0;
  }

  .topic_message {
    font-size: 4vw;
  }

  .topic_picture_A,
  .topic_picture_B,
  .topic_picture_C {
    float: none;
    margin: 0 0 0 20vw;
    position: absolute;
    height: 50vw;
    width: 50vw;
  }

  .topic_message_wrap_A,
  .topic_message_wrap_B,
  .topic_message_wrap_C {
    display: block;
    margin: 0 auto 0 auto;
    padding: 1vw auto 1vw auto;
    background: #635C5B;
    width: auto;
  }

  .topic_message_A,
  .topic_message_B,
  .topic_message_C {
    display: block;
    margin: 1vw 5vw 1vw 5vw;
    color: #fff;
    text-align: center;
    width: auto;
  }
}

@media only screen and (max-width: 415px) {
  .headerboxImg {
    width: 100%;
    right: 0;
    max-height: 140px;
    height: 35vw;
    margin: 0;
    background-size: auto 100%;
    background-position: right 50px;
    /* background-image: url("../../img/rn01/rooms/header_sanfujinka_sp.png"); */
  }

  .headerboxImg_shounika {
    background-image: url("../../img/rn01/rooms/header_shounika_sp.png");
  }

  .bodyShadow {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .banner_link_title_h3_wrapper {
    width: 100%;
    padding: 0;
  }

  .banner_link_title_h3 {
    width: 100vw;
  }

  .joboffer_wrapper_bg {
    display: flex;
    height: 500px;
    background-position: -80px center;
  }

  .joboffer_wrapper {
    float: none;
    margin: 6px auto 6px auto;
    width: 86%;
    margin-top: auto;
  }

  .joboffer_wrapper {
    padding: 10px 1em 1em 0;
  }

  .joboffer_wrapper:last-child {
    padding: 10px 1em 1em 1em;
  }

  .joboffer_wrapper_bg {
    background-size: cover;
  }

  .shisetsu_wrapper {
    height: auto;
  }

  .shisetsu_wrapper_top {
    height: auto;
  }

  .shisetsu_content_wrapper {
    height: auto;
    margin: 8px 8px 8px 8px;
  }

  .shisetsu_content_top_wrapper {
    height: auto;
    /* margin: 8px 8px 8px 8px; */
  }

  .shisetsu_content_title {
    margin: 0px 4px 0 4px;
  }

  .shisetsu_content_top_title {
    margin: 0px 4px 0 4px;
  }

  .shisetsu_content_p {
    margin: 4px 4px 4px 4px;
    padding: 0;
  }

  .shisetsu_content_top_p {
    margin: 4px 4px 4px 4px;
    padding: 0 0 1em 0;
  }

  .shisetsu_content_top_p:last-of-type {
    padding: 0;
  }

  .chart_workday {
    padding: 0;
  }

  .chart_dep_addInfo_dr {
    margin: 10px 10px 2px 10px;
  }

  .br_sp760_415 {
    display: none;
  }

}

@media only screen and (max-width: 320px) {
  .br_sp760_415 {
    display: block;
  }

  .doctors_director_profile_p_title:first-of-type {
    padding: 4px 4px 2px 12%;
  }
}