@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@600&family=Roboto:wght@400;500;700&display=swap');
html{ scroll-behavior: smooth; height: 100%; }
body{	font-size:min(16px,40px);  font-family:"Roboto","Noto Sans JP","Arial","Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
  font-weight: 400;
	color:#333333;
	overflow-x:hidden;
  max-width: 100vw;
  line-height: 1.75; height: 100%; margin: 0; background-color: #ffffff;}

  .page-loader {    position: fixed;    left: 0px;    top: 0px;    width: 100%;    height: 100%;    z-index: 99999; background-color: #ffffff;
  background-image:  url('/content/images/all/loading.gif');
  background-size:  280px auto;
  background-repeat: no-repeat;
  background-position: center center;
 }
*:focus {  outline: none !important; background-color: none;  box-shadow:none !important;}
img{ 	-webkit-backface-visibility: hidden;}
a{   color:#7C4B14; -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all  0.5s ease;}
a:hover{ opacity: 0.6;   filter: alpha(opacity=60);      -webkit-filter: brightness(1.02);
     -moz-filter: brightness(1.02);
     -o-filter: brightness(1.02);
     -ms-filter: brightness(1.02);
     filter: brightness(1.02); text-decoration: none; color:#E9899B;}
.container-fluid{ max-width: 100%; }
p{ line-height: 1.75; margin: 0;}
h1,h2,h3,h4,h5,h6{ margin-bottom: 0; font-weight:500; z-index: 80;}
h1{ font-size:2.85rem;}
h2{font-size:1.875rem;}
h3{ font-size:1.5625rem; line-height: 1.35;}
h4{ font-size:1.25rem;}
h1.en,h2.en,h3.en,h4.en,h5.en,h6.en{  font-weight: 700;}
hr{ height: 1px; border: none; background: #7C4B14;}
ul,ol{ list-style: none; padding: 0; margin: 0;}
section{position: relative;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{text-align: right;}
.navbar{ padding: 0;}
.nav-link{ padding: 0;}
.bg-white{ background-color: #ffffff !important;}
.text-large{ font-size:4rem; }
.text-mlarge,.f45{ font-size:2.85rem;}
.text-xlarge, .f30{ font-size:1.875rem !important; }
.text-lmedium, .f25 {	  font-size:1.5625rem;}
.text-xmedium, .f20 { font-size:1.25rem;  }
.text-medium, .f18{ font-size:1.15rem;  }
.f15{ font-size:0.95rem;}
.text-small{ font-size:80%;}
.text-normal{ font-size: 1rem;}
.text-italic{ font-style: italic;}

a[href^="tel:"] {
    pointer-events: none;
}

.marker{ background:#FFF100;}
a.btn{ opacity: 1;}
.btn::before,
.btn::after {  position: absolute;  z-index: -1;  display: block;  content: '';}
.btn,
.btn::before,
.btn::after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all .3s;  transition: all .3s;}
a.hover-pink{ color:#333333;}
a.hover-pink:hover{ color:#E9899B !important;}
label {  margin-bottom: 0 !important;}
/*
primary #BEA586;
info
bg-primary #EBE7DA
text-primary #7C4B14
*/
.text-primary{ color:#7C4B14 !important;}
.text-info{ color:#57BCBE !important;}
.text-blight{ color:#C5B19D;}
.text-pink{ color:#E9899B;}
.text-lbrown{ color:#BEA586;}

.text-lg{ font-size:2.5rem;}
.btn-primary{ background-color: #ffffff; border:solid 1px #7C4B14; border-radius: 3rem; padding: .5rem 4rem; text-align: center; color:#7C4B14;  margin-left: auto; margin-right: auto;}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {background-color: #bea586 !important; border-color:#bea586 !important; box-shadow: none !important;  color:#ffffff; }
.front .btn-primary{  padding: .5rem 1rem; }
.btn-info{ background-color: transparent; border:solid 1px #ffffff; border-radius: 3rem; padding: .5rem 2rem; text-align: center; color:#ffffff; margin-left: auto; margin-right: auto;}
.btn-info:hover{background-color: #ffffff; border-color:#7C4B14; color:#7C4B14;}
.border-bottom-primary{ border-bottom: solid 1px #7C4B14;}
.border-primary{ border-color:#7C4B14 !important;}
.btn-default{  background-color: #EEEDEE; border:solid 1px #7C4B14; border-radius: 3rem; padding: .5rem 4rem; text-align: center; color:#7C4B14; width: auto;}
.btn-gradation{ background-image:url('/content/images/common/back-gradation.png'); background-repeat: repeat;  border-radius: 3rem; padding: .5rem 4rem; text-align: center; color:#ffffff; width: auto;  background-size: 110% auto; margin: 0 auto;}
.btn-gradation:hover{ color:#ffffff; opacity: 0.5;}
.bg-primarys{ background-color: #7C4B14;}
.bg-primary { background-color: #EBE7DA !important;}
.bg-info{ background-color: #45BCC2 !important;}
.bg-light{ background-color: #EFEEEE !important;}
.bg-yellow{ background-color: #FFEE00;}
.bg-lyellow{ background-color: #FFFBEB;}
.bg-cyellow{ background-color: #FFFAEA !important;}
.bg-orange{ background-color: #FEEAB4;}
.bg-lgrey{ background-color: #F2F1F1;}
.bg-cgrey{ background-color: #F2F1F1;}
.bg-pink{ background-color: #E9899B;}
.bg-blue{ background-color:#4EBDC1;}
.bg-lbrown{ background-color: #BEA586;}
.bg-lblue{ background-color: #D3EBF0;}
.bg-blight{ background-color:#C5B19D;}
.bg-gradation{ background-image:url('/content/images/common/back-gradation.png'); background-repeat: repeat;  background-size: 100% auto;}

hr.vline{   background-color:#7C4B14; transform:rotate(90deg); margin: auto 0; height: 1px;} 

.bold4{ font-weight: 400;}
.bold5{ font-weight: 500;}
.bold7{ font-weight: 700;}

/*text*/
main{ z-index: 0; position: relative;}
.not-front main{ margin-top: 80px; z-index: 0;}
.scrolltotop{  position: fixed;    bottom:4rem;    right: 0;    display: none; width: auto; height: 2em; z-index: 999;} 

.btn-container{ margin-left: auto; margin-right: auto; text-align: center;}

.container-fluid, .container{ padding-left: 0; padding-right: 0;}
.row{ margin-left: 0; margin-right: 0;}

*:hover> .img-row-zoom >  img{   transform: scale(1.2);  transition-duration: 0.3s;  z-index: 0; transform-origin: center center;  backface-visibility: hidden; }
/*header*/

header .navi-inner{ background-color: #ffffff; width: 100%; display: block;  box-shadow: 0 2px 4px rgba(0,0,0,0.3);height: 85px; }
header .logo{ top:0; left:0; z-index: 50; position: absolute; width: 20vw;}
header .logo a:hover{ opacity: 1;}

header .gnaviinner{  width: auto;  display: block;  height: 100%; margin-bottom: 0;}
header .head-contact { padding: 0.5rem 0 0 10vw; }
header .phonecontact{ color:#7C4B14; font-size:1.75rem; font-weight: 700; font-family: 'Roboto', sans-serif; line-height: 1; }
header .phonecontact::before{content:""; background-image:url('/content/images/common/icon-phone.png'); display: inline-block;width: 2rem;height: 1.75rem;background-size: contain;background-repeat: no-repeat;
vertical-align: top;background-position: center top;line-height: 1;}
header .openhour{color: #7C4B14;font-size: 0.95rem; line-height: 1.35;}

header .openhour span{font-weight: 600; font-size:1rem;}
.search{ width: 200px;}
.searchbox{ max-width: 300px;}
.searchbox input[type="text"]{ border:solid 2px #7C4B14; border-radius: 3rem; width:100%; padding: 0.1rem 1rem; font-size:90%;}
.searchbox input[type="submit"]{ background:none; border:none; margin-left: -2rem; color:#7C4B14; }
.search form#ajaxSearch_form + *, .search form#ajaxSearch_form + * + *{ display: none;}
.search-result-2 .ajaxSearch_result{ border-top:solid 1px #333333; padding-top: 1rem; padding-bottom: 1rem;}
.phone{ padding-top: 0.15rem;}
header #navbarNav{ margin-top: 0.15rem;}
.gnavi{ margin: 0 0 0 auto; padding: 0;}
.gnavi > li{ padding: 0; margin: 0; /* min-width: calc(60vw / 6);*/ width: auto;  }
.gnavi > li > a.nav-link{ color:#333333; padding: 0.25rem 1rem !important;  overflow: hidden;transition: all .3s ease-in-out;  text-align: center;  }
.gnavi > li:hover , .gnavi > li.mactive { background:#BEA586; color:#ffffff !important; opacity: 1; cursor: pointer;}
.gnavi > li:hover > a, .gnavi > li.mactive > a{ color:#ffffff !important; opacity: 1;}
.gnavi > li .submenus { background:rgba(235,231,218,0.8); max-height: 0; opacity: 0; overflow: hidden; width: 100%; position: absolute; top: 85px; left: 0; transition: all .5s ease-in; z-index: 999;}
.gnavi > li .submenu-inner { display: flex; flex-wrap: wrap;}
.gnavi > li:hover .submenus{  max-height: 9999px; opacity: 1; padding: 30px 0;}

 
 
/*.submenus{   width: 110vw; position: absolute;    left: -22.5vw;    top: 0;}
.submenus > *{ overflow: hidden; width: 100vw; position: absolute; top: 85px; left: 0; z-index: 999; background-color: #EBE7DA; 
.submenus > *{ padding: 2rem;}
}*/
.menu-button{ background: #BEA586; text-align: center;  display: inline-block; vertical-align: top; padding:0.75rem 0.15rem; width:65px; height: 85px; font-size:94.5%; color:#ffffff; border-right: solid 1px #ffffff; }

.menu-button > img{ margin: 0 auto 7px  auto; height: 40%; width: auto; max-height: 35px; object-fit: contain;}
.menu-button > span{ display: flex; align-items: center; justify-content: center;width:100%; height: 100%; height: 2rem; line-height: 1.2; font-size:0.9rem; flex-wrap: wrap;}
.menu-button > span > small{ font-size:0.45rem;}
.menu-button:hover{ background-color: #EBB4AF; color:#ffffff !important; opacity: 1;}
#menu-contact > img{ max-width: 60%; margin-top: 0.15rem;}



.submenu .iconmenu{ display:flex; flex-wrap: wrap; justify-content: flex-start; }
.submenu .btn-icon{ width: calc(100% / 6); height:100%; max-width: 148px; max-height:  135px; text-align: center; margin-right: 0.5rem; margin-bottom: 2rem;}
.submenu .btn-icon a{ display: block; width: 100%; height: 100%;  padding: 1rem 0.25rem; 	}
.submenu .btn-icon a:hover{opacity: 1;}
.submenu .btn-icon  figcaption { width: 100%; }
.submenu .btn-icon  figcaption > p { line-height: 1; color:#ffffff; display: block; width:100%; height: 2.5rem;}
.submenu .btn-icon  figcaption > p > span{ font-size:0.85rem;}

.submenu .btn-icon  figcaption >  img{ margin: 0.5rem auto;  }

/*------------color---------------------------*/

.submenu .btn-icon .m-bg-m1 img,
.submenu .btn-icon .m-bg-m2 img,
.submenu .btn-icon .m-bg-m3 img,
.submenu .btn-icon .m-bg-m4 img,
.submenu .btn-icon .m-bg-m5 img,
.submenu .btn-icon .m-bg-m6 img{ filter: invert(88%) sepia(0) saturate(0%) hue-rotate(229deg) brightness(500%) contrast(90%);} 
.submenu .btn-icon .m-bg-m1:hover,
.submenu .btn-icon .m-bg-m2:hover,
.submenu .btn-icon .m-bg-m3:hover,
.submenu .btn-icon .m-bg-m4:hover,
.submenu .btn-icon .m-bg-m5:hover,
.submenu .btn-icon .m-bg-m6:hover{ background-color: #ffffff; }
.submenu .btn-icon .m-bg-m1:hover img,
.submenu .btn-icon .m-bg-m2:hover img,
.submenu .btn-icon .m-bg-m3:hover img,
.submenu .btn-icon .m-bg-m4:hover img,
.submenu .btn-icon .m-bg-m5:hover img,
.submenu .btn-icon .m-bg-m6:hover img{  filter:none;}
.submenu .btn-icon .m-bg-m1{ background-color: #EC8C9E; color:#ffffff !important;}
.submenu .btn-icon .m-bg-m1:hover  p{ color: #EC8C9E !important;}
.submenu .btn-icon .m-bg-m2{ background-color: #F4B039; color:#ffffff !important;}
.submenu .btn-icon .m-bg-m2:hover  p{ color: #F4B039 !important;}
.submenu .btn-icon .m-bg-m3{ background-color: #A5C907; color:#ffffff !important;}
.submenu .btn-icon .m-bg-m3:hover  p{ color:#A5C907 !important;}
.submenu .btn-icon .m-bg-m4{ background-color: #B788BA; color:#ffffff!important;}
.submenu .btn-icon .m-bg-m4:hover  p{ color: #B788BA !important;}
.submenu .btn-icon .m-bg-m5{ background-color: #87B8E8; color:#ffffff !important;}
.submenu .btn-icon .m-bg-m5:hover  p{ color: #87B8E8 !important;}
.submenu .btn-icon .m-bg-m6{ background-color: #57BCBE; color:#ffffff!important;}
.submenu .btn-icon .m-bg-m6:hover  p{ color: #57BCBE !important;}
.submenu .btn-icon .m-bg-default{ background-color: #FFFEEE; color:#886239 !important;}
.submenu .btn-icon .m-bg-default figcaption > p { line-height: 1; color:#886239 !important;}
.submenu .btn-icon .m-bg-default:hover{ background-color: #886239; opacity: 1;}
.submenu .btn-icon .m-bg-default:hover p{color:#ffffff !important;} 
.submenu .btn-icon .m-bg-default:hover img{ filter: invert(88%) sepia(0) saturate(0%) hue-rotate(229deg) brightness(500%) contrast(90%);} 

.submenu{ width: 100%;}
.submenu h2{ font-size:1.3rem; font-weight: 400; color:#886239 !important; margin-top: 2em; padding-left: 1rem;}
.submenu h2 > small{ font-weight: 700;}
.submenu .imagemenu{ display: flex; flex-wrap: wrap; }
.submenu .imagemenu .btn-image{width: calc(100vw / 6); height:calc((100vw / 6) * 0.937); max-width:150px; max-height: 150px; position: relative; margin-right: 1rem; overflow: hidden;}
.submenu .imagemenu .btn-image .img-row-zoom{ display: block; width: 100%; height:100%; max-width:165px; max-height: 150px; overflow: hidden;}

#submenu3-inner .submenu .imagemenu .btn-image{width: calc(100vw / 6); height:calc((100vw / 6) * 0.937); max-width:140px; max-height: 140px; position: relative; margin-right: 1rem; overflow: hidden;}
#submenu3-inner .submenu .imagemenu .btn-image .img-row-zoom{ display: block; width: 100%; height:100%; max-width:140px; max-height: 140px; overflow: hidden;}

#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(1), #submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(2), #submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(3)
{width: auto; height:min(140px,100%); max-width:none; position: relative; margin-right: 1rem; aspect-ratio: 410 / 300;}
.submenu .imagemenu .btn-image a, .submenu .imagemenu .btn-image-lg a{ display: block; width: 100%; height: 100%;  }
.submenu .imagemenu .btn-image img, .submenu .imagemenu .btn-image-lg img{ /*position: absolute;*/ top:0; left: 0; width: 100%; height: 100%; display: block;object-fit: contain; }
.submenu .imagemenu .btn-image figcaption{ align-items: center; justify-content: center; position: absolute; top:0; left: 0; color: #ffffff !important; background-color: rgba(136,98,57,0.76); width: 100%; height: 100%; display: flex;  -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all  0.5s ease;}
.submenu .imagemenu .btn-image figcaption > p{ font-size:1.075rem; line-height: 1; text-align: center;}
.submenu .imagemenu .btn-image figcaption > p > span{ font-size:0.9rem; margin-top: 0.5rem;}
.submenu .imagemenu .btn-image a:hover figcaption{ background-color: rgba(255,255,255,0.7);  color:#7C4B14 !important; opacity: 1;}
#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(1) figcaption, #submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(2) figcaption,#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(3) figcaption{
  background-color: transparent !important; transition: none !important;
}
#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(1) a:hover figcaption,#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(2) a:hover figcaption,#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(3) a:hover figcaption{
  background-color: none;
}
#submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(1) figcaption > p, #submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(2) figcaption > p, #submenu3-inner .submenu .imagemenu .btn-image:nth-last-child(3) figcaption > p{
display: none;
}
.submenu .imagemenu .btn-image-lg{width: calc((100vw / 6) * 2); height:calc((100vw / 6) * 0.937); max-width:316px; max-height: 150px; position: relative; margin-right: 1rem;}

.submenu .btn-textsmall{ background-image:url('/content/images/common/back-menu-01.png'); color:#ffffff; background-repeat: no-repeat; background-size: cover; width:165px; height: 150px; position: relative; margin-right: 1rem;}
.submenu .btn-textsmall a{ display: block; width: 100%; height: 100%; color:#ffffff !important;}
.submenu .btn-textsmall a > p{  display: flex; justify-content: center;align-items: center; flex-wrap: wrap; text-align: center; height: 100%; width: 100%; padding: 1.3rem; line-height: 1.35; flex-direction: column; }
.submenu .btn-textsmall a > p > span{ display: block; width: 100%; }
.submenu .btn-textsmall a > p > span.text1{ font-weight: 400; font-size: 1.075rem;}
.submenu .btn-textsmall a:hover{ background-image:none; background-color: #ffffff; color:#F096A3 !important; opacity: 1;}

.submenu .btn-imgsmall{ max-height: 65px; overflow: hidden; max-width: 300px;}
.submenu .btn-imgsmall:hover{ opacity: 0.5;}
.submenu .btn-imgsmall img{ background-color:#ffffff; width: 100%; height: 100%; display: block; object-fit: cover}
.submenu .btn-imgsmall .bg-primary{ background-image: url('/content/images/common/back-menu-02.png'); color:#ffffff; padding: 0.5rem; background-position: right top; font-size: 1.075rem; line-height: 1.35;}
.submenu .btn-imgsmall .bg-primary > span{ font-size: 0.9rem;}
.submenu hr{ height: 1px; border: none; background: #7C4B14; width: 100%; margin: 2rem 0;}
.submenu .btn-image-lg{ width: auto; height:100%; max-width: 180px; max-height: 150px; position: relative; margin-bottom: 25px; margin-right: 0.5rem;  }
.submenu .btn-image-lg .img-row-zoom{max-width: 180px; max-height: 150px; overflow: hidden; width: auto; height: 100%;margin:  0; }
.submenu .btn-image-lg  .img-row-zoom img{width: auto; height: 100%;  max-width: 180px; max-height: 150px; object-fit: contain; position: inherit; z-index: 50;} 

.submenu .btn-image-lg figcaption{ position:relative; transform: translateY(-30px); width:100%;}
.submenu .btn-image-lg  p{ background-color: #E28899; width: 100%; position: absolute; top:80%; left: 0;  z-index: 90; color:#ffffff; text-align: center;padding:5px 0;}
.submenu .btn-image-lgs  img{ width: 100%; object-fit: contain;}


#submenu2-inner .submenu .imagemenu .btn-image:last-child{ width:250px;}
#submenu2-inner .submenu .imagemenu .btn-image .font-sp{display: block;position: absolute;bottom: 2rem;left: 1rem;}
/*top*/
#top-information{padding-top: 3rem; padding-bottom: 2rem;}
#top-information h3{ font-weight: 700; font-size:2.25rem;}
#jumpmenu{  padding-bottom: 3rem ;margin-top: 0; margin-bottom: 0; z-index: 1; background-image: url('/content/images/top/back-02.png'); background-repeat: repeat-y; background-position: right top; background-size: 110% auto;}


.btn-menu-group { margin: 0 auto;}
.btn-menu-group > *[class*="btn-"]{ height: 100%; max-height: 250px; max-width: 170px;padding: 2px; }
.btn-menu-group > *[class*="btn-"] a{ color:#333333 !important;padding: 1.5rem 0.5rem; display: block; width: 100%; height: 100%;  background-size:contain; background-position: center top; background-repeat: no-repeat; }
.btn-menu-group > *[class*="btn-"] h3{ font-size:1.5rem;margin-bottom: 6.5rem; text-align: center; color:#7C4B14; line-height: 1;}
.btn-menu-group > *[class*="btn-"]  h3 > small{ font-size:0.95rem;font-weight: 500;}
.btn-menu-group > *[class*="btn-"]  .btn-footer{ margin: 0;  text-align: left;  word-break: break-all; font-size:0.9377rem; line-height: 1.35;}

.btn-menu-group > .btn-6  h3{ font-size:1.2rem;margin-bottom: 6rem; text-align: center; color:#7C4B14; line-height: 1;}
.btn-menu-group > .btn-6  h3 > small{ font-size:0.8rem;font-weight: 500;}

.btn-1 > a{ background-image: url('/content/images/top/btn-1.png'); }
.btn-1  > a:hover{ background-image: url('/content/images/top/btn-1-hover.png'); }
.btn-2  > a{ background-image: url('/content/images/top/btn-2.png');}
.btn-2  > a:hover{ background-image: url('/content/images/top/btn-2-hover.png');}
.btn-3 > a{ background-image: url('/content/images/top/btn-3.png');}
.btn-3 > a:hover{ background-image: url('/content/images/top/btn-3-hover.png');}
.btn-4 > a{ background-image: url('/content/images/top/btn-4.png');}
.btn-4 > a:hover{ background-image: url('/content/images/top/btn-4-hover.png');}
.btn-5 > a{ background-image: url('/content/images/top/btn-5.png');}
.btn-5 > a:hover{ background-image: url('/content/images/top/btn-5-hover.png');}
/*.btn-6 > a{ background-image: url('/content/images/top/btn-6.png');}
.btn-6 > a:hover{ background-image: url('/content/images/top/btn-6-hover.png');}*/
.btn-6 > a{ background-image: url('/content/images/top/btn-7.png');}
.btn-6 > a:hover{ background-image: url('/content/images/top/btn-7-hover.png');}
.btn-menu-group > *[class*="btn-"] a:hover{ opacity: 1; }
/* .btn-menu-group > *[class*="btn-"] a:hover{ opacity: 1; animation: fadeIn ease 3s;  -webkit-animation: fadeIn ease 3s;  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;  -ms-animation: fadeIn ease 3s;} */

.img-fluid{ z-index: 80; position: relative;}
*[class^="col-"] > img{ max-width: 100%; height: auto;}
*[id^="point"]{ position: relative; display: block; min-height:calc(100vw * 0.35); max-width: 100vw; overflow: hidden; }
*[id^="point"]::before{    content: "";    display: block;    padding-top: 15%; /* 1:1 */}
*[id^="point"]::after{    content: "";    display: block;    padding-top: 20%; /* 1:1 */}
*[id^="point"] .image1{ position: absolute; right: 0; top:0; display: block;}
*[id^="point"] .image2{ position: absolute; left: 0; top:0; display: block;}
*[id^="point"] .image1 > img{ width:50vw; height: auto; object-fit: cover;}
*[id^="point"] .image2 > img{ width:60vw; height: auto; object-fit: cover;}
*[id^="point"] .p-description{  z-index: 10;width:100%; height:100%; max-width: 550px; max-height: 400px;}
*[id^="point"] .p-description > .inner{ background-color: #f5f4f4; padding: 3rem ; width: 100%; height: 100%; display: flex;flex-wrap: wrap;align-items: center;justify-content: center;} 
#point2:after{ padding-top: 25%;}
#point3:after{ padding-top: 32%;}
#point1{padding-bottom: 15rem;}
#point1 .image2{ top:15%;}
#point2{ margin-bottom:7rem; margin-top: 7rem;}
#point3 { margin-bottom: 3rem; margin-top: 7rem;}
#point2 .image1{ top: 5rem;  max-height: none !important; }


#point1 .p-description::before{content:""; background-image: url('/content/images/top/back-point1.png'); background-repeat: no-repeat; background-size:contain; width: 100%; height: 100%; display: block; position: absolute;z-index: -1;margin-top: 3rem;margin-left: 1.5rem;}
#point2 .p-description::before{content:"";  background-image: url('/content/images/top/back-point2.png'); background-repeat: no-repeat; background-size:contain; width: 100%; height: 100%; display: block; position: absolute;z-index: -1;margin-top: 3rem;margin-left: 1.5rem;}
#point3 .p-description::before{content:"";  background-image: url('/content/images/top/back-point3.png'); background-repeat: no-repeat; background-size:contain;  width: 100%; height: 100%; display: block; position: absolute;z-index: -1;margin-top: 3rem;margin-left: 1.5rem;}

.desc-footer { text-align: center;}
.desc-footer .btn-primary{ width: auto; margin-left:auto; margin-right: auto;}
#point1 .sub-title{ color:#D7C7AB;font-size:3.125rem; position: absolute; left:35%; top:27%; font-weight: 700;}
#point1 .p-description{ position: absolute; top:40%; left:38%; }
#point2 .sub-title{ color:#B6D9D9;  font-size:3.125rem; position: absolute; right:10%; top:0; z-index: 80; font-weight: 700;}
#point2 .p-description{ display: block; position: absolute; top:0; left:20%; }
#point2 .p-description  .inner::after{ content:""; background-image:  url('/content/images/top/about-2-1.png'); position: absolute; left: -22%; top:80%;width: 100%; height: 100%;display: block; max-width: 130px; max-height: 184px; background-size: contain; background-repeat: no-repeat;}
#point3 .sub-title{ color:#F3CD8C; font-size:3.125rem; position: absolute; left:45vw; top:18%; font-weight: 700;}
#point3 .p-description{ position: absolute; top:30%; left:53%; }



#timetable{ background-color: #C9E6E7; margin-top:0; padding-bottom: 5rem; position: relative;}
#timetable::before{    content: " ";    background-image: url('/content/images/top/back-calendar-head.png');    background-repeat: no-repeat;    background-size: cover;    display: block;    min-height: 230px;    background-position: center top;    background-color: #fff;    z-index: 10;    width: 100%;    height: 100%;}
#timetable .img-fluid{ max-height: 178px; object-fit: contain;}
#timetable .sub-title{ position: relative; margin-top: -8%; width: 100%;}
#timetable .sub-title h2{ font-size:2.9rem; color:#FFFFFF; }
#timetable .sub-title p{ max-width: 770px; margin: 0 auto; text-align: left;}
#timetable-inner{ justify-content: space-between;}
#timetable-inner > li { width: calc(100% / 5 - 10px); margin-right: 10px; }
#timetable-inner > li:last-child{ margin-right: 0;}
#timetable-inner > li  > a.nav-link{ border-radius: 0; border-bottom: none; height: 100%; }
#timetable-inner > li  > a{ background-color: #ffffff;  text-align: center; color:#7C4B14; padding: 20px;}
#timetable-inner > li.m-bg-m1 >  a.active, #timetable-inner > li.m-bg-m1 > a:hover{ background-color: #EC8C9E; color:#ffffff !important;}
#timetable-inner > li.m-bg-m2 >  a.active, #timetable-inner > li.m-bg-m2 > a:hover{ background-color: #F4B039; color:#ffffff !important;}
#timetable-inner > li.m-bg-m3  > a.active, #timetable-inner > li.m-bg-m3 > a:hover{ background-color: #A5C907; color:#ffffff !important;}
#timetable-inner > li.m-bg-m4  > a.active, #timetable-inner > li.m-bg-m4 > a:hover{ background-color: #B788BA; color:#ffffff!important;}
#timetable-inner > li.m-bg-m5  > a.active, #timetable-inner > li.m-bg-m5 > a:hover{ background-color: #87B8E8; color:#ffffff !important;}

#timetable-inner > li .text-xlarge{ font-size:1.5rem;}
#timetable-inner > li span, #timetable-inner > li small{ display: block; width:100%;}
#timetable-inner .tab-content{ background-color: #ffffff; padding: 2rem;}
#timetable .table-layout{ text-align: center; color:#333333;}

#timetable .table-layout thead th{ background-color:#EC8C9E; color:#ffffff; box-shadow: 0px -2px 0 2px #fff ; border-bottom:solid 1px #333333; font-weight: 500; padding: 8px;}
#timetable .table-layout thead tr{ border-top:solid 2px #7C4B14; }
#timetable .table-layout tbody th{ font-weight: 500;}
#timetable .table-layout tbody th, #timetable .table-layout tbody td{ text-align: center; vertical-align: middle;}
#timetable .table-layout tbody tr.bg-yellow{ background-color: #FFFDEB;}
#timetable .table-layout tbody tr.bg-lgrey{ background-color: #F5F5F4;}

#timetable .table-layout tbody td{ border:solid 1px #7C4B14; width: 10%; padding: 8px; line-height: 1.25;}
#timetable .table-layout tbody td:first-child{ width: 5%;}

#timetable .table-layout .border-bottom{ border-bottom: solid 2px #7C4B14 !important;}
#timetable .table-layout + p{ font-size:80%; margin: 1rem 0;}
#timetable .sub-sub-title{ color:#FFFFFF; margin: 0 1rem;}


#timetable  .section-color-m-bg-m1 .table-layout thead th{ background-color: #EC8C9E; }
#timetable  .section-color-m-bg-m2 .table-layout thead th{ background-color: #F4B039; }
#timetable  .section-color-m-bg-m3 .table-layout thead th{ background-color: #A5C907; }
#timetable  .section-color-m-bg-m4 .table-layout thead th{ background-color: #B788BA; }
#timetable  .section-color-m-bg-m5 .table-layout thead th{ background-color: #87B8E8; }


#timetablecontent .stype1{ background: #EC8C9E; color:#ffffff; font-weight:500; padding: 0.25rem 0.75rem; display: block; text-align: center;}
#timetablecontent .stype2{ background: #57BCBE; color:#ffffff; font-weight: 500; padding: 0.25rem 0.75rem; display: block; text-align: center;}
#timetable .table-responsive{ overflow-x:unset;}
#timetable .table-layout  {  word-break: break-all;  word-wrap: break-all;  }
.wstatus{ background-color: #F4CAC5; color:#ffffff;padding: 0.25rem; text-align: center;}
.row-change + .row-change{ border-top:solid 1px #333333; padding-top: 1rem;}
#classroom{ background-color: #FAF8E8; background-image: url('/content/images/top/back-lesson.png'); background-repeat: no-repeat; background-position: right top; background-size:100% auto; padding: 4rem 0;}
#classroom h2{ color:#F4D2D2; }
#classroom .lesson-img, #classroom .lesson-row { position: relative; }
#classroom .button-link:hover .lesson-row > img{ opacity: 0.5;}
#classroom .lesson-img  > .img-row-zoom{ max-width: 300px; max-height: 250px; overflow: hidden;  width: 100%; height: 100%; }
#classroom .lesson-img  img{width: 100%; height: 100%; object-fit: contain; position: inherit; z-index: 50;}
#classroom .lesson-img h3{ position: absolute; top:70%; left:-1rem; padding: 0.7rem; color:#ffffff; font-size:    1.4375rem;  z-index: 90;}
#classroom .lesson-img + .lesson-desc{ margin-left: 1rem; color:#896239; max-width: 320px;}
#classroom .lesson {background-image: url('/content/images/top/back-lesson-2.png');  background-position: left 1rem top 1rem;  background-repeat: no-repeat;  max-width: 330px;
  padding-top: 0;  padding-right: 1rem;  padding-bottom: 1rem;}
#classroom .lesson h3{ background-color:rgba(236, 140, 158, 0.8); }
#classroom .lesson-row > img{ object-fit: contain; width: 100%; height:auto; max-width: 350px;}
#classroom .lesson-row h3{ font-size:1.4375rem; color:#ffffff; text-align: center; position: absolute; bottom:1rem; width:100%; padding: 0.5rem 1rem; z-index: 99; }
#hospitalguide { background-color: #ffffff; padding: 5rem 0; position: relative;}
#hospitalguide .top-horizonal-box{ position: relative; max-height: 390px; text-align: right; }
#hospitalguide .top-horizonal-box > img{ width:auto; height: 100%; object-fit: contain; max-height: 390px; max-width: none; z-index: -1 !important;}
#hospitalguide .top-horizonal-box::before{content:"Hospital Guide";font-size:3rem; color:#B9E1E8;  position: absolute; font-weight: 700; top:0; right: 93%; line-height: 1;   -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; line-height: 1;}
#hospitalguide ul { list-style: none; padding: 0; margin: 0;}
#hospitalguide ul  > li{ width: 46%; display: inline-block;}
#hospitalguide .box-inner{ max-width: 550px;}
#hospitalguide .btn-group1 > li{ margin-bottom: 2rem; margin-right: 1rem;}
#hospitalguide h2{ top: 8.7rem;text-align: right;left: -1%;} 
#hospitalguide .col-md-6{ position:relative;max-height: 390px; }
.en-title{ font-size:3rem; color:#B9E1E8;  font-weight: 700;}
.en-title2{  font-weight: 700;}
#accessguide h2{top: 7.5rem;text-align: left;right: 12%;} 
#accessguide .box-inner{ max-width: 380px; margin-left: 25%; max-height: 400px;}
#accessguide .top-horizonal-box{ position: relative; max-height: 400px;}
#accessguide .top-horizonal-box::before{content:"Traffic Access";font-size:3rem; color:#B9E1E8;  position: absolute; font-weight: 700; top:0; right:0.25rem;    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; line-height: 1;}



#banner{ background-image: url('/content/images/top/back-banner.png'); background-repeat: no-repeat; background-position:center top; background-size: cover; padding:5rem 0;}
#area-info{background-image: url('/content/images/top/back-info.png'); background-repeat: no-repeat; background-position:center top; background-size: cover; padding:3rem  0 5rem 0; }
#area-info .news-row{ border-top: dashed 1px #B0B0B1;}
#area-recruit{ background-image: url('/content/images/top/back-recruit.png'); background-repeat: no-repeat; background-position:center top; background-size: cover; padding:3rem 0;}
#area-recruit h2{ width: 100%; text-align: center; letter-spacing: 0.5rem;}
#area-recruit h2 > span{ display: inline-block; font-size:3.5rem; line-height: 0.75;}
#area-recruit h2 > span > small{ font-size:1.875rem; font-weight: 400; }
#area-recruit h2::before, #area-recruit h2::after{ display: inline-block; content:"/"; font-weight: 400; font-size:8rem; margin: 0 2rem;}
#area-recruit .btn-block{ max-width: 330px; margin: 0 auto;}
.list-sns{ margin: 3rem auto; text-align: center; padding: 0;}
.list-sns> li { display: inline-block; margin-right: 15px; vertical-align: top;}
.list-sns > li a{ color:#7C4B14; font-size:1.5rem; font-weight: 800; }


footer p, footer a{ color:#7C4B14 !important;}
.footerlogo{ max-height: 90px;}
.copyright{ font-size:80%;}
/*-----------top-----------------------*/
ul.list-square{ list-style-position: outside;}
ul.list-square > li::before{ content:"\f0c8"; font-family: "Font Awesome 5 Free"; font-weight:900;}
ul.list-square > li{ }
ul.list-square-light{ list-style-position: outside;}
ul.list-square-light > li::before{ content:"\f0c8"; font-family: "Font Awesome 5 Free"; font-weight:400; margin-right: 0.5rem;}
.number-circle{   counter-reset: my-counter;  list-style: none;  padding: 0;  margin: 0;}
.number-circle > li{   line-height: 1.5;  padding-left: 1.5rem;  position: relative;margin-bottom: 0.5rem;}

.number-circle >:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color:transparent;
  border: 1px solid #7C4B14;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.15rem;
  width: 1.15rem;
  line-height: 1.75;
  position: absolute;
  top: 0.15rem;
  left: 0;
}
.list-kome li{ text-indent: -1rem; padding-left: 1.05rem;}
.list-kome li:before{ content:"※"; margin-right: 5px; }

/*-------------common------------------------*/
.default-page-top {  min-height:266px;  background-image: url('/content/images/all/bar_all.png');  background-repeat: no-repeat;  background-position: top center;  background-size: auto 100%;  position: relative;	height:100%;}
.default-page-top h2{ 	height:160px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; text-align: center;}
.default-page-top .p-top-chara{ float: right;margin-right: 10%;margin-top: -10%;z-index: 90;position: relative;}

/* page-title */
.default-page-top h2,h2.page-title, h2.en {  font-size: 3.15rem;  /* 50px */  line-height: 1.35; font-weight: 500; letter-spacing: 0em;}
.default-page-top .h2-s,h2.page-title > span{ font-weight: 400; font-size: 2.1875rem;  /* 35px */ display: block; width: 100%;}
 h2.page-title .title-icon{  vertical-align: middle;height: 50%; max-height: 55px; margin-right: -0.75rem; }

.p-top-chara, .img-icon{ max-height: 170px;}
.p-top-chara img {  position: relative;  z-index: 60; max-width: 100%; max-height: 170px; width: auto; height:100%; }
/*.img-icon { zoom:0.5; width: 20%;  max-width: 50%; }*/


.default-page-top  h3 {	font-size: 2.2rem;   /* 35px */	color: #7C4B14;}
.not-front .h3-s {  font-size: 1.9rem;   /* 30px */  color: #C5B19D;}
.subtitle{  padding-left:2.5rem;	position:relative;	line-height:1; /* font-size:1.875rem !important;  */}
.subtitle::before  {    content: "/";    color: #7C4B14;	  font-weight:400;    font-size: 5.5rem;    position: absolute;    top: 50%;    left: 0;	  transform: translateY(-50%);   font-family: Arial, Helvetica, 'sans-serif';}
.subtitle + h3, .subtitle + h4 { font-size:1.875rem; margin-top: 1.75rem; margin-bottom: 1.875rem;}

.bk-accent{ z-index: 90;}
.bk-accent::before{ z-index: -1;}

.text-sm{ font-size:1.35rem !important; }
.table-layout1 *{ border-color:#7C4B14;}
.table-layout1 thead th{     border-bottom: 1px solid #7C4B14;} 
.table-layout1 th{ background: #FFF3DA; font-weight: normal; border-color:#7C4B14; vertical-align: middle;}
.table-layout1 td{ text-align: center; border:solid 1px #7C4B14; vertical-align: middle;}
.table-layout1 td:last-child{ border-right: none;}
.table-layout1 tbody{  border-bottom: 1px solid #7C4B14;}
.table-layout2 { border-bottom: solid 1px #7C4B14;}
.table-layout2 thead{ background:#BBA283; text-align: center; color:#ffffff;}

.table-layout2 th, .table-layout2 td{ border-color:#7C4B14 !important;}
.table-layout2 tbody th{ background-color: #FDE9B3; color:#7C4B14; border-right:solid 1px #FDE9B3; }
.table-layout2 tbody td{ border-right:solid 1px #FDE9B3;}
.table-layout2 tbody td:last-child{ border-right:none;}

.table-layout3 *{ border-color:#7C4B14;}
.table-layout3 th{  color:#7C4B14;}
.table-layout3 thead th{     border-bottom: 1px solid #7C4B14;} 
.table-layout3 thead th{ background: #EEEAD3; font-weight: normal; border-color:#7C4B14; vertical-align: middle;}
.table-layout3 td, .table-layout3 th{ text-align: center; border:solid 1px #7C4B14; vertical-align: middle;}
.table-layout3 thead th:last-child,
.table-layout3 td:last-child{border-right: none;}
.table-layout3 th:first-child{ border-left: none;}
.table-layout3 tbody{  border-bottom: 1px solid #7C4B14; background-color: #ffffff;}
.section-title-brown{ color:#7C4B14;}
.section-title-brown > span{ color:#C5B19D; font-weight: 700; font-size: 86%;}
section > .back-image{ position: absolute;right: 0;top: 3rem;max-height: 100%;width: auto;padding-bottom: 6rem;}
.ptb-50{ padding-top:5rem; padding-bottom: 5rem;}
.pt-50{ padding-top:5rem; }
.pb-50{  padding-bottom: 5rem;}
.list-circle li{ line-height: 1.5; padding-left: 1.1rem; margin-bottom: 0.5rem;}
.list-circle li:before{ content:"\f111"; font-family: "Font Awesome 5 Free"; font-weight: 400; margin-right: 0.25rem; margin-left: -1.25rem;}
.list-checkss li{ line-height: 1.35; margin-bottom: 0.5rem; }
.list-checkss li > i{  border:solid 1px #333333; width: 1.35rem; height: 1.35rem; margin-right: 0.25rem; font-size: 1.15rem;}


.content-box{ background: #ffffff;box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);z-index: 20;  padding: 1.5rem; position: relative;}
.content-box .img-row { text-align: center; }
.img-z0{ position:relative; z-index: 0;}
.img-z90{ position:relative; z-index: 90;}
.mt--13{ margin-top: -13rem; }
.mt--10{ margin-top: -10rem; }
.mt--7{ margin-top: -7rem; }
.mt--5{ margin-top: -5rem; }
.mt--3{ margin-top: -3rem;}
.mt--1{ margin-top: -1rem;}
.ml--1{ margin-left: -1rem;}
.ml--2{ margin-left: -2rem;}
.ml--3{ margin-left: -3rem;}
.ml--5{ margin-left: -5rem;}
.mr--3{ margin-right: -3rem;}
.mr--5{ margin-right: -5rem;}
.mt-5r{ margin-top: 5rem;}
.mt-5x{ margin-top: 5rem;}
.pr-5x{ padding-right: 5rem;}
.mt-4e{ margin-top: 4rem;}
.line-height15{ line-height: 1.5;}
.line-height13{ line-height: 1.3;}
.line-height12{ line-height: 1.2;}
.line-height10{ line-height: 1;}
.box-primary{ background-color: #FFFBEB; border:solid 1px #7C4B14;}
.box-orange{ background-color: #FDE9B3;}

.strip-box{ background-image: url('/content/images/visitation/bg-strip.png'); background-size: auto; border-radius: 10px; width: 100%; padding: 3rem;}
.circle, .circle-last{  background-color: #ffffff;  border-radius: 50%; width:190px; height: 190px; display: block; margin: 0 auto;}
.circle > p{ font-size: 2.1875rem;font-weight: 500; text-align: center; justify-content: center; align-items: center; display: flex; line-height: 1.35; height: 100%; width: 100%; flex-wrap: wrap; flex-direction: column;}
/*.circle > p > span{ padding-top: 2rem;}*/
.circle > p > small{ font-weight: 400;  font-size:80%; margin-top: -5rem;}
.box-link{display:flex; width: 100%; height: 100%; color:#7C4B14; line-height: 1.35; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; cursor: pointer;}
.box-link:hover{ background-color:#7C4B14; color:#ffffff !important; opacity: 1;}

.img-box-with-gra{ background-position: right 1rem bottom 0;  background-repeat: no-repeat;}

/*---------------------recruit----------------------*/
#recruit-header img{ z-index: 10;}
#recruit-header .introtext{ margin-top: -3rem; z-index: 50;}
.title-brown{ color:#C5B19D; font-size:3rem;  font-weight: 700;}
.title-brown > span{ color:#7C4B14; font-size:2rem; font-weight: 500;}
.recruit-voice{ background-color: #FFFBEB; background-image: url('/content/images/recruit/back-recruit1.png'); background-position: center top; background-size: cover; background-repeat: repeat-y; }
.recruit-voice > div{ padding: 4rem 0;}
.recruit-voice .voice-row1 {background-image: url('/content/images/recruit/row_1.jpg'); background-position: left top; background-size: auto 70%; background-repeat: no-repeat; }
.recruit-voice .voice-row2 {background-image: url('/content/images/recruit/row_2.jpg'); background-position: right top; background-size: auto 80%; background-repeat: no-repeat; }
.recruit-voice .voice-row3 {background-image: url('/content/images/recruit/row_3.jpg'); background-position: left bottom; background-size: auto 90%; background-repeat: no-repeat; }
.bg-pink-blue{background-image: url('/content/images/common/back-gra-pinkblue.png');background-position: right 0 bottom -2.5rem;background-repeat: repeat-y;position: relative;display: block;
  width: 100%;height: auto;padding-bottom: 1rem; padding-top: 1rem; }
.bg-pink-blue > div{ margin-top: -2rem; margin-left:-1rem;width: 100%; height: 100%; display: block; padding:30px;}
.r-tag{ border:solid 1px #7C4B14; background: #FFF8E0; padding: 0 0.75rem; margin-left: 1rem; font-weight: 500;}

.recruit-footer{ background-image:url('/content/images/recruit/back-recruit2.png'); background-size: cover; background-position: center top; padding: 4rem 0;}
.recruit-footer h2{  font-weight: 700;}
.recruit-footer h2 > span{ font-weight: 500; font-size:80%;}
.recruitsection-row { margin-bottom: 1rem; text-align: center; width: 100%; height: 100%; display: block; }
.recruitsection-row > .img-row-zoom{  max-width: 320px; overflow: hidden; max-height: 141px; display: block; width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.recruitsection-row > h3{ background: rgba(140, 98, 57, 0.9); color:#ffffff; padding: 0.5rem; text-align: center; width: 55%; margin: -1.5rem auto 0 auto; position: relative; z-index: 70; font-size:1.25rem;}
.recruit-inner-top{ height:35vh; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.recruit-inner-top h2{ padding: 10% 0; font-size:2.815rem; color:#ffffff; font-weight: 800; line-height: 0.8;}
.recruit-inner-top h2 > small{ font-size:56%;}
.recruit-content{ background-color: #F1F1E6; padding: 3rem;}
.recruit-content .inner{ background-color: #ffffff; padding: 3rem;}
.re-title-1, .re-title-2  {    display: inline-block;    height: 0;    line-height: 2rem;      font-size: 1.45rem;    color:#ffffff;}
.re-title-1 > span, .re-title-2 > span {    display: block; width: 100%; height: 100%; padding: 0.5rem 1rem 0.25rem 2rem;}
.re-title-2{    border-bottom: 3rem solid #87B8E8 ;    border-right: 3rem solid transparent;}
.re-title-1 {    border-bottom: 3rem solid #E9899B ;    border-right: 3rem  solid transparent;}
.naiyou{ border-top: solid 2px #7C4B14; border-bottom: solid 2px #7C4B14; }
.recruit-content .naiyou .table th{ background-color: #EEEEEE; width: 15%; font-weight: 500;}
.recruit-content .naiyou .table{ margin-bottom: 0;}
.recruit-content .naiyou .table td, .recruit-content .naiyou .table th {    border-top: 1px solid #A9A7A8;}
select.short{ max-width: 100px;}
.naiyou > table  th{ width: 20%;}
/*-------------departments------------------------*/
.departments-page-top{ min-height: 238px;display: block; padding-top: 3.5rem; padding-bottom: 3.5rem; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.departments .p-top-chara {       margin-top: -9.5rem !important;    margin-left: 20% !important;}
/*------------------obsetrics----------------*/
.obsetrics-1 .p-top-chara{margin-top: -13rem; margin-bottom: 2rem; margin-left: 10rem;}
.obsetrics-3{ z-index: 10;}
  .obsetrics-3-1{ z-index: 0; margin-top: -15%;}
.obsetrics-3-1 h3.section-title-brown{ margin-bottom: 7rem;}
*[class^="obsetrics-"] .content-box{ background: #ffffff;
-moz-box-shadow: -5px -5px 13px -7px rgba(64, 64, 64, 0.8);
-webkit-box-shadow: -5px -5px 13px -7px rgba(64, 64, 64, 0.8);
-ms-box-shadow: -5px -5px 13px -7px rgba(64, 64, 64, 0.8);
box-shadow: -5px -5px 13px -7px rgba(64, 64, 64, 0.8);
z-index: 20;
padding: 3rem ;
position: relative;
}
.obsetrics-6 .table-layout2 th:first-child{ width: 15%;}
.obsetrics-6 .table-layout2 tbody > tr > td:first-child{ text-align: center; vertical-align: middle; border-right:none;}

.obsetrics-2 .bk-accent{ position: relative;}
.obsetrics-2 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -7%;
top: -140%;background-repeat: no-repeat; }
.obsetrics-3 .bk-accent{ position: relative;}
.obsetrics-3 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -90%;background-repeat: no-repeat; }
.obsetrics-3-1 .bk-accent{ position: relative;}
.obsetrics-3-1 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: 20%;
top: -150%;background-repeat: no-repeat; }
.obsetrics-4 .bk-accent{ position: relative;}
.obsetrics-4 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -160%;background-repeat: no-repeat; }
.obsetrics-5 .bk-accent{ position: relative;}
.obsetrics-5 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -140%;background-repeat: no-repeat; }
.obsetrics-6 .bk-accent{ position: relative; z-index: 0;}
.obsetrics-6 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -170%;background-repeat: no-repeat; }
.obsetrics-7 .bk-accent{ position: relative;}
.obsetrics-7 .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -140%;background-repeat: no-repeat; }
.doctor-section .bk-accent{ position: relative;}
.doctor-section .bk-accent::before{ content:""; background-image:url('/content/images/obsterics/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -40%;
top: -160%;background-repeat: no-repeat; }
.step-flow .col-2{ padding-bottom: 1.5rem;}
.step-flow .col-10{ padding: 1rem;}
.step-flow .col-10 .row + .row{ margin-top: 1rem;}
.step-flow .arrow, .step-flow .arrow-last {text-align: center;color: #7C4B14;width:100px; position: relative; background: #FEEAB4;border: 1px solid #7C4B14;margin:0; display: flex; align-items: center; height: 100%; justify-content: center; border-top:none;} 
.step-flow .arrow:after, .step-flow .arrow:before {top : 100%;  left : 0;border: solid transparent; content: ' '; height: 0; width: 0; position: absolute;} 
.step-flow .arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  left: 0;
  border-style: solid;
  border-color:  #7C4B14 transparent transparent transparent;
  border-width: 20px 50px 0 50px;
    margin-left: -0.5px;
  z-index: 1;
}
.step-flow .arrow:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #FEEAB4;
  border-width: 19px 49px 0 49px;
  z-index: 10;

}

.doctor-section .img-box > p{ width: 200px; -moz-box-shadow: 0px 5px 13px -7px rgba(64, 64, 64, 0.8);
-webkit-box-shadow: 0px 5px 13px -7px rgba(64, 64, 64, 0.8);
-ms-box-shadow: 0px 5px 13px -7px rgba(64, 64, 64, 0.8); margin-top: -2rem; position: relative; z-index: 50; padding: 0.25rem 0.75rem; margin-right: 1rem; line-height: 1.35;}
.table-flow .top-border{ border-color:#7C4B14;}
.table-flow th > p{ border:solid 1px #7C4B14; background-color: #FBE7B1; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%;}
/*------------gynecology----------------------*/
.gynecology-2 .bk-accent{ z-index: 80;}
.gynecology-3{ background-repeat: no-repeat; background-position: left 0 top 5rem; background-size: 95% auto;}
.gynecology-4{ background-repeat: no-repeat; background-position: right 0 top 5rem; background-size:95% auto;}
.gynecology-5{ background-repeat: no-repeat; background-position: left 0 top 5rem; background-size: 95% auto;}
.gynecology-6{ background-repeat: no-repeat; background-position: right 0 top 5rem; background-size: 95% auto;}
.gyne-title { background-image: url('/content/images/gynecology/bk-3.png'); background-repeat: repeat-y;  background-size:100% auto; padding:1rem 2rem;}
.gynecology-3 h2{position: absolute; top: 2rem; right: 3rem; }
.gynecology-4 h2{position: absolute; top: 2rem; left:3rem; }
.gynecology-5 h2{position: absolute; top: 2rem; right: 3rem; }
.gynecology-6 h2{position: absolute; top: 2rem; left:3rem; }
.gynecology-8  h2{ padding: 2rem 2rem 2rem 3rem; max-width: 70%;}
.gynecology-8 .p-box{ padding: 2.3rem 3rem;}
*[class^="gynecology-"] th,*[class^="gynecology-"] td{ vertical-align:middle;}
/*------------abortion----------------------*/
.abortion-header{ height: calc(100vw * 0.367); display: block; padding-top: 10%; padding-bottom:10%; background-repeat: no-repeat; background-size: cover; background-position: left  top; color:#ffffff;}
.abortion-header h2{ font-size: 4.1rem; font-weight: 700; line-height:1; margin-top: 10px;}
.abortion-header h2 > span{ font-size: 2rem; font-weight: 400; }
.abortion-header h2 + p{ margin-top: 2rem;}
.abortion-1 .caption{ position: absolute; top:-7rem; right: 0;}

.abortion-1 .bk-accent{ position: relative;}
.abortion-1 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -140%;background-repeat: no-repeat; }
.abortion-3 .bk-accent{ position: relative; z-index: 0;}
.abortion-3 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: 15%;
top: -2750%;background-repeat: no-repeat; }
.abortion-4 .bk-accent{ position: relative;}
.abortion-4 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;right: 25%;
top: -380%;background-repeat: no-repeat; }
.abortion-5 .bk-accent{ position: relative;}
.abortion-5 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: 28%;
top: -380%;background-repeat: no-repeat; }
.abortion-1 .circle,.abortion-1 .circle-last{ background-color: #FFFBEB; border:solid 1px #7C4B14;max-width: 100%; max-height: 100%;}
.abortion-1 .circle p,.abortion-1 .circle-last p { color:#7C4B14; line-height: 1.15;}
.abortion-1 .circle p > span{ font-size:70%; font-weight: normal; display: inline;}
.abortion-1 .circle-last > p{ font-size: 2.1875rem;font-weight: 500; text-align: center; display: inline-block; line-height: 1.15; height: 100%; width: 100%; padding-top: 30%;}
.abortion-2{  background-repeat: no-repeat; background-size: cover; background-position:center top; }

*[class^="abortion-"] .box-primary{ position: relative;}
*[class^="abortion-"] .box-primary > h4{ margin-left: auto; margin-right: auto;  display: flex;text-align: center;align-items: center;justify-content: center;width:auto;color: #fff; max-width: 170px;
  padding: 0.25rem;margin-top: -2rem;margin-bottom: 2rem; flex-wrap: wrap;}
.abortion-4 table{ position: relative; z-index: 10;}
.abortion-4 .table-layout2 tbody th{ background-color: transparent; font-weight: 400; color:#7C4B14; text-align: left;}
.abortion-4 .table-layout2 td:last-child{ vertical-align: middle;}
.abortion-5 .box-primary .circle{ max-width: 115px; height: 115px; border:solid 1px #7C4B14; margin: 0 0.5rem; color: #7C4B14;}
.abortion-5 .box-primary .circle > p{font-size:1rem; font-weight: normal;}
.abortion-5 .box-primary > h4{ max-width: 100%;}
.bg-lblue{ background-color: #DAF0F0;}
.bg-lpink{ background-color: #F9DEE3;} 
/*------------medical----------------------*/

.medical-3 .bk-accent{ position: relative;}
.medical-3 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -180%;background-repeat: no-repeat;}
.medical-4 .bk-accent{ position: relative;}
.medical-4 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -160%;background-repeat: no-repeat;}
.medical-5 .bk-accent{ position: relative;}
.medical-5 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -160%;background-repeat: no-repeat;}
.medical-6 .bk-accent{ position: relative;}
.medical-6 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -160%;background-repeat: no-repeat;}

.immunization .col-lg{ min-width:20%; }
.immunization .col-lg > p{ align-items: center; justify-content: center; display: flex;}
/*------------medicalex----------------------*/
#departments-medicalcheck h2.page-title .title-icon{ margin-right: -0.3rem;}
.medicalcheck-1 .p-top-chara{ position: absolute; top:2rem; left:20%; }
.medicalcheck-1 .bk-accent{ position: relative;}
.medicalcheck-1 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left: -10%;
top: -160%;background-repeat: no-repeat; transform: rotate(-180deg);}
.medicalcheck-1-1 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left:-5%;
top: -130%;background-repeat: no-repeat; transform: rotate(-180deg);}
.medicalcheck-1-1 img{ z-index: 30; position: relative;}
.medicalcheck-1 table td { vertical-align: middle; overflow: hidden;}
.medicalcheck-1 table td > img{ max-height: 50px; object-fit: contain;}
.medicalcheck-1 .table-borderless tr > td:first-child{ width:10%; text-align: center;}
.medicalcheck-1 .table-borderless td > p{ max-width:90%;}
.table-color-1 { text-align: center;}
.table-color-1 th,.table-color-2 th{ font-weight: normal; color:#7C4B14;}
.table-color-1 th:not(:last-child){ border-right:solid 1px #7C4B14;}
.table-color-1 tbody td{ padding-left: 1rem; padding-right: 1rem;}
.table-color-1 tbody td:first-child, .table-color-2 tbody td:first-child{ border-left: none;}
.table-color-1 th:nth-child(3){ color:#57BCBE;}
.table-color-1 th:nth-child(4){ color:#EE979E;}
.table-color-1 th:nth-child(5){ color:#7C4B14;}
.table-color-2 td:first-child { text-align: left; padding-left: 1rem; padding-right: 1rem;}
.table-color-2 td:last-child { text-align: right;padding-left: 1rem; padding-right: 1rem;}
.table-color-2 th{ text-align: center; color:#7C4B14;}
.table-color-2 th:first-child{ border-right:solid 1px #7C4B14;}

.medicalcheck-2 .p-top-chara{ position: absolute; top:0; left:0; margin-top: -3rem !important; }
.medicalcheck-2 .bk-accent{ position: relative;}
.medicalcheck-2 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -10%;
top: -160%;background-repeat: no-repeat; transform: rotate(-180deg);}
.medicalcheck-2 .content-box > .a-list-title{ background-color: #B79F88; color:#ffffff;  padding: 0.5rem 0.5rem 0.5rem 2.5rem; position: absolute; top:-2rem; left: -1rem; width: 73%;}
.medicalcheck-2 .content-box > .a-list-title > span{font-size:90%; padding: 0.25rem; margin-right: 0.5rem;}
.medicalcheck-1-2  p{ line-height: 1.35;}
.medicalcheck-1-2 table span{ line-height: 1.15;}
.medicalcheck-1-2{ padding-left: 15px; padding-right: 15px;}
/*------------nyusen----------------------*/
*[class^="mammary-"] .bk-accent{ position: relative;}
.mammary-3 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;top: -200%;background-repeat: no-repeat;}
.mammary-3 .bg-cyellow{ margin-top: -15%; margin-bottom: 5%;}
.mammary-4 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -8%;top: -150%;background-repeat: no-repeat;}
.mammary-4 .table-layout1 th{ border-left:solid 1px #7C4B14;}
.mammary-4 .table-layout1 th:first-child{ border-left:none;}
.mammary-4 .table-layout1 td:first-child{ border-left:none;} 
/*--------------pediatrics-------------------*/
.pediatrics-2 .bk-accent{ position: relative;}
.pediatrics-2 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -14%;
top: -150%;background-repeat: no-repeat; transform: rotate(-180deg);}
.pediatrics-3 .bk-accent{ position: relative;}
.pediatrics-3 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -10%;
top: -175%;background-repeat: no-repeat; }
.pediatrics-4{ background-image:url('/content/images/pediatrics/img3.jpg'); background-position: right bottom 23%; background-repeat: no-repeat; background-size: auto 30%;}
.pediatrics-4 .bk-accent{ position: relative;}
.pediatrics-4 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -11%;
top: -170%;background-repeat: no-repeat; }
.pediatrics-5 .bk-accent{ position: relative;}
.pediatrics-5 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -10%;
top: -150%;background-repeat: no-repeat; }
.pediatrics-6 .bk-accent{ position: relative;}
.pediatrics-6 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -10%;
top: -170%;background-repeat: no-repeat; }
.pediatrics-6  .content-box{ padding: 0rem 1.4rem 2rem;}
/*------------pharmacy----------------------*/
/*.pharmacy-1 .p-top-chara{ position: absolute; top:2rem; left: 30vw;}*/
.pharmacy-1 .table-layout1 tr:first-child td:first-child{ border-left: none;}
.pharmacy-1 ol li{ list-style:decimal; margin-left: 3rem;}
.pharmacy-2 .bk-accent{ position: relative; z-index: 80;}
.pharmacy-2 .bk-accent::before{ content:""; background-image:url('/content/images/all/bk-accent-bluegreen.png'); display: block; width: 12.5vw; height: 12.5vw; max-width:200px; max-height: 200px;  z-index: -1; position: absolute;left: -25%;
top: -160%;background-repeat: no-repeat;}
.pharmacy-2 .container{ overflow: visible;}
.pharmacy-2 hr{ border-top:dashed 1px #57BCBE; height: 0; background:none;}
/* .pharmacy-2 .row-1{ background-image: url('/content/images/department/pharmacy/img-03.jpg'); background-repeat: no-repeat; background-position: left 0 bottom -2.5rem; background-size: clamp(57vw, 80%, 1500px) auto; padding-bottom: 5rem; z-index: 10; position: relative;} */
.pharmacy-2 .row-1{min-height:30vw; z-index: 10; position: relative;}
.pharmacy-2 .row-1::before{ content:''; background-image: url('/content/images/department/pharmacy/img-03.jpg'); background-size:100% auto; width:57vw;  height:calc(57vw * 0.52); z-index: 10; position:absolute; top:5vw;display: inline-block; background-repeat: no-repeat;}
.pharmacy-2 .row-2{ z-index: 5; padding-bottom: 4rem; position: relative;}

/* .pharmacy-2 .row-2{ background-image: url('/content/images/department/pharmacy/img-04.jpg'); background-repeat: no-repeat;background-position: left 52vw top 0;background-size: 50vw auto;
z-index: 0;position: relative;overflow: visible;padding-top: 5rem;margin-top: -5rem; padding-bottom: 3rem;} */
.pharmacy-2 .row-2::before{content:''; background-image: url('/content/images/department/pharmacy/img-04.jpg'); background-repeat: no-repeat;background-size: contain;width:50vw;  height:calc(50vw * 0.52); position:absolute; right:0; display:  inline-block; background-position:top right;}
.pharmacy-2 .row-4{ background-image: url('/content/images/department/pharmacy/img-05.jpg'); background-repeat: no-repeat; background-position:  left 0 bottom -3rem; background-size: 57vw auto;  padding-bottom: 7rem; z-index: 0; position: relative;}
.pharmacy-2 .row-5{ background-image: url('/content/images/department/pharmacy/img-06.jpg'); background-repeat: no-repeat;background-position: left 52vw top 0;background-size: 50vw auto;
padding-bottom: 3rem;z-index: 10;position: relative;overflow: visible;padding-top: 5rem;margin-top: -5rem;}
.pharmacy-2 .content-box{ padding: 1.5rem;}
.pharmacy-2 .content-box img[src*="icon"]{ width: 34%; height: auto; margin-bottom: 1rem;}
.pharmacy-2 .row-1 .content-box{  margin-left: 5vw; max-width:40vw;}
.pharmacy-2 .row-2 .content-box{  margin-left: 8vw;margin-top:7vw; max-width: 50vw;}
.pharmacy-2 .row-3 > div:nth-child(1) .content-box{ margin-top: 20%;}
.pharmacy-2 .row-3 > div:nth-child(2) .content-box{ margin-top: 10%;}
.pharmacy-2 .row-3 > div:nth-child(3) .content-box{ margin-top: 0;}
.pharmacy-2 .row-4{  padding-top: 2rem;}
.pharmacy-2 .row-5 .row > div:nth-child(1) .content-box{ margin-top: 10%; padding: 3rem 1.5rem;}
.pharmacy-2 .row-5 .row > div:nth-child(2) .content-box{ margin-top: 30%; padding: 3rem 1.5rem;}
@media screen and (min-width: 1440px) {
  .pharmacy-2 .row-2{min-height: 30vw;}
  .pharmacy-2 .row-2 .content-box{ margin-left: 15vw;}
}
/*--------------yobou---------------------*/

.yobou-1{ z-index: 10;}
.yobou-1 .img-fluid{ z-index: 99;}


.yobou-2 .bk-accent::before{ content:""; background-image:url('/content/images/all/bk-accent-greenyellow.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -10%;
top: -420%;background-repeat: no-repeat;  transform: rotate(-180deg);}
/*------------nutrition---------------------*/
#departments-nutrition h2.page-title .title-icon{ max-height: 45px;}
.nutrition-4{ z-index: 60;}
.nutrition-4 .bk-accent{ position: relative;}
.nutrition-4 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -5%;
top: -390%;background-repeat: no-repeat;}
.nutrition-5 .bk-accent{ position: relative; z-index: 50;}
.nutrition-5 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index:-1; position: absolute;left: -15%;
top: -390%;background-repeat: no-repeat;}
.nutrition-6 .bk-accent{ position: relative;}
.nutrition-6 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -68%;
top: -380%;background-repeat: no-repeat;}
.nutrition-7 .bk-accent{ position: relative;}
.nutrition-7 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -25%;
top: -360%;background-repeat: no-repeat;}
.nutrition-8 .bk-accent{ position: relative;}
.nutrition-8 .bk-accent::before{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: -15%;
top: -180%;background-repeat: no-repeat;}

.nutrition-2{ background-repeat: no-repeat; background-position: center top; background-size: auto 100%;}
.nutrition-2 > div{ background-position: right top; background-repeat: no-repeat; background-size: 50% auto; padding: 5rem 0 0 0; position: relative;}
.nutrition-2 .text-caption{margin-top: 5rem; margin-bottom: 3rem; max-width: 530px;}
.nutrition-2 .img-box-with-gra{ background-image: url('/content/images/nutrition/bk-3.png'); background-position: left top;;  background-repeat: no-repeat;}
.nutrition-2 .img-box-with-gra > img {    margin-left: 1.35rem;    margin-top: 1rem;   object-fit: contain;}
.nutrition-3{ margin-top: -14rem; margin-bottom: 10rem; }

.nutrition-2_2{ background-repeat: no-repeat; background-position: center top; height: 1980px;}
.nutrition-2_2 > div{ background-position: right top; background-repeat: no-repeat; background-size: 50% auto; padding: 5rem 0 0 0; position: relative;}
.nutrition-2_2 .text-caption{margin-top: 5rem; margin-bottom: 3rem; max-width: 530px;}
.nutrition-2_2 .img-box-with-gra{ background-image: url('/content/images/nutrition/bk-3.png'); background-position: left top;;  background-repeat: no-repeat;}
.nutrition-2_2 .img-box-with-gra > img {    margin-left: 1.35rem;    margin-top: 1rem;   object-fit: contain;}



.nutrition-3 .img-box-with-gra{ background-image: url('/content/images/nutrition/bk-3.png'); background-position: left top;;  background-repeat: no-repeat;}
.nutrition-3 .img-box-with-gra > img {    margin-left: 1.35rem;    margin-top: 1rem;   object-fit: contain;}
#area-3{ width: 100%; height: 100%;  display: block; position: relative; min-height: 500px; margin-bottom: 7rem; }

#area-3 .area3-1{ position: relative; margin-left: 40vw; width:auto; margin-top: 40vw; height: auto;}
#area-3 .area3-2{ position: absolute; top:-20%; left: 0; width:auto; height: auto; }
#area-3 .area3-2::after{content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index:-1; position: absolute;right:10%;;
bottom:-40%;background-repeat: no-repeat;}
#area-3 .area3-2 { width: 100%; max-width: 50vw;}
#area-3 .area3-2 img{ width: 100%;}
#area-3 .area3-3{position: absolute; top:0; left: 51vw; width:auto; height: auto; max-width: 55%;}
.area3-1 .back-image-03{ background-image: url("/content/images/nutrition/back-image-03.png"); background-repeat: repeat;  max-height: 250px; padding: 2rem; font-size:1.5rem; position: absolute; width: 100%; max-width: 810px; bottom: 0;}
.area3-1 .back-image-03 .img-box-with-gra{ float:right; margin-top: -35%;}
#area-3 .area3-3 .image1{ display: flex;}
.text-caption h2 > img{ padding-bottom:2rem;}
.text-caption h2{  margin-bottom: 2rem;}
.nutrition-3 .text-box, .nutrition-4 .text-box{ max-width: 83%;}
.nutrition-4 .text-box{ max-width: 100%;}
.nutrition-5 .text-box{ max-width: 80%;}
.nutrition-5 .img-pattern::after{ content:""; background-image:url('/content/images/derm/bk-1.png'); display: block; width:200px; height: 200px;  z-index:-1; position: absolute;right:0;
bottom:-70%;background-repeat: no-repeat;}
.bg-lgreen{ background-color: rgba(0,90,34,0.74); padding: 1.5rem 1.75rem; width: 45%;}
.bg-lgreen .text-medium{ font-size:1.5rem; font-weight: 400; line-height: 1;}
.bg-lgreen .text-medium > small{ font-size:0.7rem; font-weight: 300;}
.bg-lgreen .text-yellow{ margin-top: 1.5rem;}
.bg-lgreen img{ margin-top: 1.5rem; width: 100px; object-fit:contain;}
.text-yellow{ color:#FFF100; text-align: center;}

.back-image-03 .text-yellow{ font-weight: 400; font-size:1.75rem;}
.back-image-03 span{ font-size: 1.75rem; text-align: right;}
.nutrition-4 img{ vertical-align: top;}
.nutrition-6 .table-layout1 td:first-child{ border-left: none;}
.slider-box{ position: relative;}
.slider-box > img{ margin-left: 0.5rem;}
.slider-box p{ margin-top: -1rem; position: relative; z-index: 90; color: #ffffff; padding: 0.25rem 0.75rem; width: auto; max-width: 210px; }
.nutrition-7 .bg-orange{ background-color: #F4B039; padding: 0.25rem; text-align: center; position: relative; margin-top: -1rem; margin-right: -1rem;  max-width: 200px; z-index: 99;}
*[class*="nutrition- "] img{ z-index: 99; position: inherit;}
/*-----------lesson------------------------*/
.lesson-header {  min-height: 500px;  background-repeat: no-repeat;  background-position: center top;  background-size: 100% auto;  height: calc(100vw *  0.364);}
.lesson-header .page-top-txt {  background-image: url('/content/images/ticket/top-bk2.png');  background-position: top left;  background-repeat: no-repeat;  position: relative;  z-index: 10;  color: #ffffff;
  padding: 3rem 1rem 3rem 3.5rem; background-size: 80% auto;}
.lesson-header .top-left {  font-size: 1.5rem;  /* 24px */  line-height: 1.2; }
.lesson-header .top-left2 {  font-size: 1.45rem;  /* 23px */  }
.lesson-header .page-title{ margin-top: 12%;  color:#ffffff !important;}
.lesson-header .page-title h2  { font-weight: 700; line-height: 1;}
.lesson-header .page-title h2  > span{ font-size:  70%;}
.lesson-header  .top-right {  margin-top: 5.3rem;}
.lesson-header  h2 {  font-size: 4.1rem;  /* 65px */}
.lesson-header .h2-s {  font-size: 2rem;  /* 32px */}
.lesson-header  hr {  height: 1px;  background-color: #ffffff;  border: none;  color: #ffffff;}
.lesson-header .top-right-txt {  font-size: 2rem;  /* 32px */  margin-top: 2rem; line-height: 1.35;}
.lesson-content  .ticket-img  img{  width: 115%;  margin-top: -5rem;  margin-left: -1rem;  position: relative;  z-index: 20;}

.lesson-content  .ticket-bk {  background-image: url(content/images/ticket/bk-1.png);  background-repeat: no-repeat;  background-position: top left;  margin-top: -8rem;  padding-bottom: 5rem;}
.lesson-content  .ticket-class {  padding-top: 7rem;}
.lesson-content  table .t-title1,
.lesson-content  table .t-title2 {  color: #7C4B14;  font-weight: 700;  font-size: 1.3rem;  text-align: center;  padding: 0.5rem;}
.lesson-content  table .t-title1 {  background: #C4E7E7;}
.lesson-content  table .t-title2 {  background: #F9DEE3;}
.lesson-content  .box-area {  margin-top: 3rem;}
.lesson-content  .box-title {      color: #ffffff;    background: #BBA283;    position: relative;    z-index: 30;    display: inline;    padding: 0.5rem 2.5rem;    margin: 0 auto;}
.lesson-content  .box {  background: #FFFBEB;  border: 1px solid #7C4B14;  padding:  3rem;  margin-top: -1rem;  text-align: left;}



.attention-box{ border:solid 1px #E9899B; padding: 1rem; color:#E9899B; margin: 1rem 0;}pah
.lesson-content .bk-accent{ position: relative; z-index: 90;}
.lesson-content .bk-accent::before{ content:""; background-image:url('/content/images/lesson/bk-accent.png'); background-size: cover;display: block; width:230px; height: 230px;  z-index: -1; position: absolute;left: -25%;top: -80%;background-repeat: no-repeat;}
.lesson-header-lg{ background-position: center top; background-repeat:no-repeat; background-size:contain; margin-bottom: 5rem; display: block; width: 100%;  height:calc(100vw * 0.49231);}
.sub-text-1{ bottom:0;}
.subtextarea{    position: absolute;  bottom: 0;  right: 0;  display: block;  width: 47%;}
.subtextarea .subarea{ padding-top: 20%;}
#lesson-mamasdiary .voice-box {
  position: relative;
  width: 100%;
  height: 100%;
  border:solid 2px #EB949B; 
}
#lesson-mamasdiary .voice-box img{  display: block; height: 100%; width: 100%;}
  #lesson-mamasdiary .voice-box a{ display: block; width: 100%; height: 100%;}
  #lesson-mamasdiary .voice-box a:hover{ opacity: 1;}

  #lesson-mamasdiary .voice-box  .caption{ background-image: url('/content/images/lesson/bg-orangepink.png'); background-repeat: repeat-y; padding: 0.25rem 0.5rem; text-align: center; color:#ffffff !important; margin: 0;
    background-size: 110% auto;
    background-position: left -2px top;
    position: absolute; bottom: 0; width: 100%;}
  #lesson-mamasdiary .voice-box  .caption a{ color: #ffffff;}

.pelvic-tretch-2 .bk-accent::before,
.bodymake-2 .bk-accent::before{ left: 10%;top: -20%;}
.pelvic-tretch-3 .bk-accent::before,
.bodymake-3 .bk-accent::before{ top: -200%;}

.lesson-content img + .mt--5{ z-index: 90;}

/*------------floor------------------------*/
.row-floormap{ max-width: 100%;}
.row-floormap + .row-floormap{ margin-top: -10rem; }
/*-----------access-----------------------*/
#about-map .title-withicon{ text-align: center; margin-bottom: 2rem;}
#about-map .title-withicon::before{ content:""; background-image:url('/content/images/access/icon.png'); width: 50%; height: 180px; margin:-3rem auto 1rem auto; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.mapborder{ border:solid 1px #A9A7A8; z-index: 0; position: relative;}
.mapborder iframe{ z-index: 50; position: relative;}
.mapborder::before{content:url('/content/images/access/bg-accent.png'); display: block; width:auto; height: auto; max-width:230px; max-height: 230px; z-index: 10; position: absolute; left: -10%; bottom:-40%;}
#about-map > section:nth-child(3){ z-index: -10;}
#about-map > section:nth-child(3) .bk-accent{ position: relative;}
#about-map > section:nth-child(3) .bk-accent::after { content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: 10; position: absolute; right:0; top:0; background-repeat: no-repeat;}
#about-map > section:nth-child(4) .bk-accent{ position: relative;}
#about-map > section:nth-child(4) .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -1; position: absolute;left: 23%;
top: -170%;background-repeat: no-repeat;}
#about-map > section:nth-child(5){ padding-bottom: 10rem;}
#about-map > section:nth-child(5) .bk-accent{ position: relative;}
#about-map > section:nth-child(5) .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: 10; position: absolute;left: -15%;
top: -250%;background-repeat: no-repeat;}
#about-map > section:nth-child(5) .table-layout1 tr > th:first-child{ width: 20%;}
.map-3 .back-image { width: 40%;}
.map-3 .back-image > img{ max-width: 100%;}
/*--------------visitation-----------------------*/
.pink-attention-block{ background-color: #FFFEEE;  border:solid 5px  #EC8C9E; border-radius: 10px; padding: 1.5rem; color:#E95981;}
.pink-attention-block h3{ line-height: 1.75; font-weight: 500;}

.visitation-2 .bk-accent{ position: relative; z-index: 10;}
.visitation-2 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left: -30%;
top: -170%;background-repeat: no-repeat;}
.visitation-2  .content-box .img-row > img{ width: 100%;}
.visitation-3 .bk-accent{ position: relative; z-index: 10;}
.visitation-3 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left: -35%;
top: -200%;background-repeat: no-repeat;}

.number-list > div > .content-box::before{content:""; position: absolute; top: -3rem; left:0; display: block; width: 100%; height: 5rem; background-repeat: no-repeat; background-size: contain;}
.number-list > div:nth-child(1) > .content-box{ margin-top: 5rem; margin-bottom: 3rem;}
.number-list > div:nth-child(1) > .content-box::before{background-image:url('/content/images/visitation/number-01.png'); }
.number-list > div:nth-child(2) > .content-box{ margin-top: 5rem;}
.number-list > div:nth-child(2) > .content-box::before{ background-image:url('/content/images/visitation/number-02.png'); }
.number-list > div:nth-child(3) > .content-box{ margin-top: 3rem;}
.number-list > div:nth-child(3) > .content-box::before{ background-image:url('/content/images/visitation/number-03.png'); }
.number-list > div:nth-child(4) > .content-box{ margin-top: 3rem;}
.number-list > div:nth-child(4) > .content-box::before{ background-image:url('/content/images/visitation/number-04.png');}
.number-list > div:nth-child(5) > .content-box{ margin-top: -2rem;}
.number-list > div:nth-child(5) > .content-box::before{ background-image:url('/content/images/visitation/number-05.png'); }
.number-list > div:nth-child(6) > .content-box{ margin-top: -3rem;}
.number-list > div:nth-child(6) > .content-box::before{ background-image:url('/content/images/visitation/number-06.png'); }

.number-row > p[class^="number-"] { padding: 1rem 2rem;}
.number-row > p[class^="number-"]::before{ content:""; display: inline-block; width:3rem; height:2rem; margin-right: 2rem;background-repeat: no-repeat; background-size: contain;  vertical-align: middle;}
.number-row > .number-0::before{  background-image:url('/content/images/visitation/number-01.png'); }
.number-row > .number-1::before{  background-image:url('/content/images/visitation/number-02.png'); }
.number-row > .number-2::before{  background-image:url('/content/images/visitation/number-03.png'); }
.number-row > .number-3::before{  background-image:url('/content/images/visitation/number-04.png'); }
.number-row > .number-4::before{  background-image:url('/content/images/visitation/number-05.png'); }
.number-row > .number-5::before{  background-image:url('/content/images/visitation/number-06.png'); }

/*privacy*/
.privacy .img-icon{ position: absolute; right: 20vw;top: 7%;z-index: 90;}
.privacy h3{ color:#7C4B14; margin-top: 3rem; margin-bottom: 1rem; width: 100%;}
#guide-systems  .img-icon{ float: right;margin-right: 10%;margin-top: -13%;z-index: 90;position: relative;}
.systems-1 .img-area > img{ width: 100%;}
.dashed-border{  border-bottom: dashed 1px #7C4B14 ; margin: 0.5rem 0;}
.link-pdf { width: auto; max-width: 490px; padding: 1rem;}
.link-pdf a{ line-height: 1; display: flex; align-items: center; justify-content: center; }
.img-area{ background-image: url('/content/images/all/bg-pinkblue-lg.png'); background-repeat: no-repeat;background-size: auto 100%;;display: block; padding-bottom: 1rem; z-index: 80;}
.img-area > img{ margin-top: -2rem;  margin-left: 1rem;}
.img-area::after{ content:""; background-image: url('/content/images/all/bk-accent-pinkblue.png');  display: block; width:230px; height: 230px;  z-index: -10; position: absolute;left: -10%;
  bottom:0;background-repeat: no-repeat;}
/*-----------------faq---------------------------*/
.faq-content{ margin-top: -8rem;}
.faq-content-child .img-icon{ z-index: 90;  max-width: auto; max-height: 180px;}
.title-icon2{ width:100%; height: auto; max-width: 250px; object-fit: contain;}
.faq-content h2{ position: relative; margin-top: -5rem;}
.faq dt{ color:#EC8C9E; font-size:1.25rem;font-weight: normal; border-top:solid 1px #7C4B14; padding-top: 0.75rem; padding-left: 1rem;}
.faq dt:before{ content:"Q."; font-weight: 500; font-size:1.5625rem; }
.faq dd{ padding-left: 6rem; padding-bottom: 0.75rem; padding-right: 1rem; display: flex;align-items: center;}
.faq dd:before{ content:"A."; font-weight: 500; font-size:1.5625rem; color:#57BCBE; margin-left: -1.5rem;}
.faq dd:last-child{ border-bottom:  solid 1px #7C4B14; }

.faq-etc-content .iconmenu{ display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.faq-etc-content .btn-icon{ width: 193px; height:193px; text-align: center; margin-right: 0.5rem; }
.faq-etc-content .btn-82{ margin-right: -1px;}
.faq-etc-content .btn-icon a{ display: block; width: 100%; height: 100%; 	background-color: #F2F1F1;}
.faq-etc-content .btn-icon a:hover{opacity: 1;}
.faq-etc-content .btn-icon  figcaption { width: 100%; height: 100%;  position: relative;  padding: 1rem 0.25rem; }
.faq-etc-content .btn-icon  figcaption > p { font-size:1.4rem; line-height: 1; color:#7C4B14; display: block; width:100%; height: 4rem; font-weight: 400;}
.faq-etc-content .btn-icon  figcaption > p > span{ font-size:0.85rem;}

.faq-etc-content .btn-icon  figcaption >  img{ margin: 0.5rem auto; }
.faq-etc-content .btn-icon  figcaption .tags{ position: absolute; bottom: 0;right: 0; padding: 0.25rem;}


/*------------color---------------------------*/


.faq-etc-content .btn-icon .m-bg-m1 img,
.faq-etc-content .btn-icon .m-bg-m2 img,
.faq-etc-content .btn-icon .m-bg-m3 img,
.faq-etc-content .btn-icon .m-bg-m4 img,
.faq-etc-content .btn-icon .m-bg-m5 img,
.faq-etc-content .btn-icon .m-bg-m6 img{  filter:none;}
.faq-etc-content .btn-icon .m-bg-m1:hover img,
.faq-etc-content .btn-icon .m-bg-m2:hover img,
.faq-etc-content .btn-icon .m-bg-m3:hover img,
.faq-etc-content .btn-icon .m-bg-m4:hover img,
.faq-etc-content .btn-icon .m-bg-m5:hover img,
.faq-etc-content .btn-icon .m-bg-m6:hover img{ filter: invert(88%) sepia(0) saturate(0%) hue-rotate(229deg) brightness(500%) contrast(90%);} 
.faq-etc-content .btn-icon .m-bg-m1:hover{ background-color: #EC8C9E; opacity: 1;}
.faq-etc-content .btn-icon .m-bg-m2:hover{ background-color: #F4B039; opacity: 1;}
.faq-etc-content .btn-icon .m-bg-m3:hover{ background-color: #A5C907; opacity: 1;}
.faq-etc-content .btn-icon .m-bg-m4:hover{ background-color: #B788BA; opacity: 1;}
.faq-etc-content .btn-icon .m-bg-m5:hover{ background-color: #87B8E8; opacity: 1;}
.faq-etc-content .btn-icon .m-bg-m6:hover{ background-color: #57BCBE; opacity: 1;}



.faq-etc-content .btn-icon *:hover p{ color:#ffffff !important;} 



/*-----------------flow---------------------------*/
#guide-flow .p-cacheicon{ margin-top: -6rem;}
#flowcontent-tab{ margin-top: 3rem;}
.bg-lightgray{ background-color: #F5F4F4;}
.tab-navi > li{ width: 30%; margin: 0 1rem; font-size:1.5625rem; text-align: center; font-weight: 400; line-height: 1; position: relative;}
.tab-navi a{ border:solid 1px #7C4B14; background: #F5F4F4; color:#7C4B14; padding: 0.5rem 0.75rem; border-radius: 7px; width: 100%; height: 100%; display: block;}
.tab-navi a > p{  display:flex; align-items: center; justify-content: center; padding-top: 0.3rem;}
.tab-navi a.active{
    border:1px solid #7C4B14;
}
.tab-navi a.active:after,.tab-navi a.active:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.tab-navi a.active:after{
    border-color: rgba(245, 244, 244, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    margin-top: -1px;
    border-top-color:#F5F4F4;
}
.tab-navi a.active:before{
    border-color: rgba(124, 75, 20, 0);
    border-top-width:11px;
    border-bottom-width:11px;
    border-left-width:11px;
    border-right-width:11px;
    margin-left: -11px;
    margin-top: 1px;
    border-top-color:#7C4B14;
}


.tab-navi li:nth-child(1) a.active{ background-color: #F1A9B4;}
.tab-navi li:nth-child(1) a.active:after { border-top-color:#F1A9B4; }
.tab-navi li:nth-child(2) a.active{ background-color: #91BEFF;}
.tab-navi li:nth-child(2) a.active:after {  border-top-color: #91BEFF;}
.tab-navi li:nth-child(3) a.active{ background-color: #4EBDC1;}
.tab-navi li:nth-child(3) a.active:after {  border-top-color: #4EBDC1;}


.flowcontent-tab .tab-navi a.active p {  margin: 0;  padding: 0;}

.flowbox{ text-align: center; overflow: hidden; height: 100%; }

.flowbox .icon-circle{ border:solid 3px #7C4B14; background-color: #ffffff; border-radius: 50%; width: 1.5rem; height: 1.5rem; display: inline-block; margin: 0 auto;}
.flowbox .icon-circle::after{   content: '';  position: absolute;  top:3rem;  left: 0;  right: 0;  bottom: 0;  width: 1px;  height: 100%;  margin: auto;  background-color: #7C4B14;  z-index: 0;}
.flowbox .icon-last::after{ display: none;}
.flowbox .icon-active{ background-color: #4EBDC1; }
.flow-active {      color:#4EBDC1;  display: flex;        align-items: center;   z-index: -1; }
.flow-active:after {        content: "";        flex-grow: 1;        height: 1px;         background: #4EBDC1;         margin:0 .4em;     }

.cardlist img{ width:10% !important; height: auto; object-fit: contain;}
.cardlist img:last-child{ width: 8% !important;}
.bg-box{  background: #D2EAEF; padding: 3rem 3rem 2rem 3rem;margin-top: -15rem;margin-bottom: 3rem;}
.bg-lightgray .fa-file-pdf{ font-size:3rem; color:#BEA586;}

.img-description{ position: absolute;}
.img-description .en + div{ max-width: 450px; position: relative; z-index: 99;}
.cl-1 .img-description{ top:30%; left:-30%;}
.cl-1 .en{margin-left: -16rem;margin-top: 2rem; font-size:1.875rem;  position: relative; z-index: 99;}
.cl-2 {  padding: 3rem 0;}
.cl-2 .img-description{ top:30%; right:-70%;}
.cl-2 .en{padding-left: 3rem; margin-top: 2rem; font-size:1.875rem;  position: relative; z-index: 99;}
.cl-3 .img-description{ top:20%; left:-40%;}
.cl-3 .en{margin-left: -12rem;margin-top: 2rem; font-size:1.875rem;  position: relative; z-index: 99;}

/*-----------------hospitalization------------------*/
.hospitalization-1 { position: relative;}
.hospitalization-1 .p-top-chara{ margin-bottom: -4rem;}
.hospitalization-1 .img-icon{ right: 15vw;margin-top: -5%;z-index: 90;position: absolute;}
.hospitalization-1 img[src*="number-"]{ max-height: 52px;}
.hospitalization-2 img[src*="number-"]{ max-height: 70px;}
.hospitalization-3 img[src*="number-"]{ max-height: 70px;}
.hospitalization-2{ background-image:url('/content/images/hospi/byoto.jpg');background-position: top -20px right 12vw;  background-size: 27vw auto;  background-repeat: no-repeat;}
.hospitalization-2 .bk-accent{ position: relative; z-index: 10;}
.hospitalization-2 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left: -7%;
top: -150%;background-repeat: no-repeat;}
.hospitalization-2 .hospi6-1 .bk-accent{ position: relative; z-index: 10;}
.hospitalization-2 .hospi6-1 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left: -20%;
top: -050%;background-repeat: no-repeat;}
.hospitalization-3 .bk-accent{ position: relative; z-index: 10;}
.hospitalization-3 .bk-accent::before{ content:""; background-image:url('/content/images/access/bg-accent.png'); display: block; width:200px; height: 200px;  z-index: -10; position: absolute;left: -7%;
top: -150%;background-repeat: no-repeat;}
.hospitalization-2 .section-title-brown{ padding-left: 3rem;}
.hospitalization-2 .p-box{ width:calc((100% / 5) - 0.5rem); margin-right: 0.5rem; margin-bottom: 0.5rem; border-radius: 5px;} 
.img-box { position: relative; width: 100%; height: 100%; display: block; }
.img-box > img{ position: relative; z-index: 0;}
.img-box > .p-txt{ background-color: #FFFDED; padding: 2rem; width: auto;max-width: 326px; margin-top: -5rem; float:left; position: relative; z-index: 40;}
.hospi4 .img-box > .p-txt{ float: right; text-align: center;}
.hospi4 .img-box > .p-txt h3, .hospi4 .img-box > .p-txt p{ text-align: left;}
.h5-img{position: relative;}
.ht-img img{ z-index: 0;}

.back-circle{ background-image: url('/content/images/hospi/back-circle.png'); background-repeat: no-repeat; background-size:contain;  display: flex;width: 180px;height: 180px;position: absolute;right: -15%;
top: 75%;align-items: center;  justify-content: center;  line-height: 1; z-index: 90;}
.hospi6-1 .p-txt, .hospi6-2 .p-txt{ max-width: 100%;}
/*-------------------------yoyaku----------------------------*/
.yoyaku .default-page-top h2 {    height: 160px;    display: block;   padding-top: 3%;}
.yoyaku .default-page-top h2  > .title-icon{ float: left;}
.yoyaku .default-page-top h2 > span{ padding-left: 2rem;}
/*------------------------visitation-----------------------------*/
.visitation .circle, .visitation  .circle-last { width: 200px; height: 200px;}
.visitation .circle > p{ font-size: 1.85rem;font-weight: 500; text-align: center; justify-content: center; align-items: center; display: flex; line-height: 1.35; height: 100%; width: 100%; flex-wrap: wrap; flex-direction: column;}
.visitation .circle > p > small{ font-weight: 400;  font-size:80%; margin-top:0;}
/*------------------------information--------------------------*/
.info-row-img{ object-fit: contain; max-height: 80px;}
.category-1{ background-color: #EC8C9E; color: #ffffff; padding: 0.5rem; text-align: center;}
.information-content{ clear: both;}
.information-content p{ width: 100%;}
.category-1 + .date { margin-left: 1rem; margin-right: 1rem;}
.news-row a{ color:#7C4B14;} 

/*---------------------form-----------------------*/

.formset input[type="text"], .formset select, .formset textarea{ border:solid 1px #B3B3B4; padding: 0.25rem; } 
.formset input[type="text"]:not(.input-short), .formset select, .formset textarea{ width: 100%;} 
.formset th{ text-align: right;}

.contact-2{ margin-top: -7rem;}

.appo-2 img[src*="appo/icon"] { width: 50%; max-width:42px; object-fit:contain; margin: 0; padding: 0;}
/*-------------------------common-------------------*/
.chara-z1{ z-index: 50;}
.img-99{ z-index: 99; position:relative;}
th{ font-weight: 400;}
.require{ background-color: #F1A9B4; color:#ffffff; padding:1px 3px; font-size: 85%;}
.bg-pink p > a:hover{ color:#F8FF00; opacity: 1;}

img.w-auto{ object-fit: contain;}

.fmap-icon img{ width: auto;max-height: 43px; object-fit: contain;}

ol.list-numbers{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
.list-numbers li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.list-numbers li:before {
  counter-increment: item;
  content: "0" counter(item);
  padding-right: .5em;
  font-weight: 700;
  color: #C5B19D;
  font-size:2rem;
}

.map-3 ol.list-numbers li > span{ padding: 3px 10px; font-size:1.35rem; width: 120px; display: inline-block; text-indent:0; text-align: center;}
##mainContainer{ min-width: 200px !important;}