@charset "UTF-8";

/*============================================================
reset
============================================================*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}address{font-style: normal;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;}

/*============================================================
base
============================================================*/

html {
  height: 100%;
  min-height: 100%;
  overflow: auto;
}

body {
  font-family: YakuHanJP, 'M PLUS 1p', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: #5b3f00;
  background: #fff;
  position: relative;
  -webkit-font-feature-settings: 'palt' 1; /*for Android 4.4*/
  font-feature-settings: 'palt' 1;
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
}

h1, h2, h3, h4, h5, th {
  font-weight: 400;
}

p,li,dd,td {
  text-align: justify;
	text-justify: inter-ideograph;
}

li {
  list-style: none;
}

a {
  color: #5b3f00;
  text-decoration: none;
  outline: none;
  word-break: break-all;
}

.underline {
  text-decoration: underline;
}

.blank {
  position: relative;
}

.blank::after {
  background: url(../images/common/icon-blank.png) no-repeat center / contain;
  content: "";
  width: 10px;
  height: 10px;
  margin: auto 0 auto 8px;
  position: absolute;
  top: 0;
  bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

.object-fit-img img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* IE用ビューポート設定 */
@-ms-viewport
{
  width: auto !important;
  initial-scale: 1 !important;
}
@viewport
{
  width: device-width !important;
  initial-scale: 1 !important;
}

/* iOS初期仕様解除 */
input {
  -webkit-appearance: none;
  border-radius: 0;
}

/* テキストハイライト */
*::selection {
  background: #ff875f;
  color: #fff;
}
*::-moz-selection {
  background: #ff875f;
  color: #fff;
}

/*============================================================
汎用クラス
============================================================*/

.inner {
  margin: 0 auto;
  width: 90%;
}

.sp {
  display: inline-block;
}

.pc {
  display: none !important;
}

.pcbr {
  display: none;
}

.spbr {
  display: inline;
}

.center,
.spCenter {
  text-align: center;
  margin: 0 auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.spRight {
  float: right;
}

.spLeft {
  float: left;
}

.indent {
  padding-left:1em;
  text-indent:-1em;
  display: block;
}

.notice.indent {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 25px;
}

.hide,
#header-logo a,
#footer-logo a {
  width: 0;
  height: 0;
  font-size: 0% !important;
  line-height: 0% !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

a.alpha:hover img,
.alpha:hover {
  opacity: 0.8;
}

.smb3   {margin-bottom:3px !important;}
.smb5   {margin-bottom:5px !important;}
.smb10  {margin-bottom:10px !important;}
.smb15  {margin-bottom:15px !important;}
.smb20  {margin-bottom:20px !important;}
.smb25  {margin-bottom:25px !important;}
.smb30  {margin-bottom:30px !important;}
.smb35  {margin-bottom:35px !important;}
.smb40  {margin-bottom:40px !important;}
.smb50  {margin-bottom:50px !important;}
.smb60  {margin-bottom:60px !important;}

.smt0   {margin-top:0 !important;}
.smt3   {margin-top:3px !important;}
.smt5   {margin-top:5px !important;}
.smt10  {margin-top:10px !important;}
.smt15  {margin-top:15px !important;}
.smt20  {margin-top:20px !important;}
.smt25  {margin-top:25px !important;}
.smt30  {margin-top:30px !important;}
.smt35  {margin-top:35px !important;}
.smt40  {margin-top:40px !important;}
.smt50  {margin-top:50px !important;}
.smt60  {margin-top:60px !important;}

.smr3   {margin-right:3px !important;}
.smr5   {margin-right:5px !important;}
.smr10  {margin-right:10px !important;}
.smr15  {margin-right:15px !important;}
.smr20  {margin-right:20px !important;}
.smr25  {margin-right:25px !important;}
.smr30  {margin-right:30px !important;}
.smr35  {margin-right:35px !important;}
.smr40  {margin-right:40px !important;}

.sml3   {margin-left:3px !important;}
.sml5   {margin-left:5px !important;}
.sml10  {margin-left:10px !important;}
.sml15  {margin-left:15px !important;}
.sml20  {margin-left:20px !important;}
.sml25  {margin-left:25px !important;}
.sml30  {margin-left:30px !important;}
.sml35  {margin-left:35px !important;}
.sml40  {margin-left:40px !important;}

.org {
  color: #ff7d40 !important;
}

.wht {
  color: #fff !important;
}

.pnk {
  color: #f19795 !important;
}

.brn {
  color: #5b3f00 !important;
}

.bg-wht {
  background: #fff;
}

.bg-pnk {
  background: #f19795;
}

.bg-pnk15 {
  background: #fef2f0;
}

.bg-pnk50 {
  background: #f9cfca;
}

.bg-gry {
  background: #f0f0ee;
}

.outline {
  color: #fff;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 2px;
  text-shadow: #5b3f00 1px 1px 0px, #5b3f00 -1px 1px 0px,
    #5b3f00 1px -1px 0px, #5b3f00 -1px -1px 0px;
}

.arrow::after {
  content: "";
  background: url(../images/common/arrow-org.png) no-repeat center / contain;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.spOpacity0 {
  opacity: 0;
  display: none !important;
}

.fw500 {
  font-weight: 500;
}

.fw700 {
  font-weight: 700;
}

.fw900 {
  font-weight: 900;
}

.txtOrg {
  color: #ff905d;
}

.txtBrn {
  color: #5b3f00;
}

.teltxt {
  font-size: 20px;
}

.btn.nopush .arrow::after {
}

.btn {
  width: 100%;
  position: relative;
}

.btn a {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
  background: #fff;
  box-shadow: 2px 2px 0 1px #ff7d40;
  border-radius: 6px;
  display: block;
}

.book {
  background: url(../images/common/book-slide-bg.png) no-repeat center / contain;
}

#book-slider {
  position: relative;
}

#book-slider::after {
  content: "";
  background: url(../images/common/book-slide-bg.png) no-repeat center / contain;
  width: 100%;
  padding-top: 70%;
  /*
  width: 850px;
  height: 595px;
  */
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
}

.link-scrl {
  padding-top: 80px;
  margin-top: -80px;
}

.sp-colum2,
.sp-colum3,
.sp-colum4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sp-colum1 {
  width: 100%;
}

.sp-colum1 {
  display: block !important;
}

.sp-colum1 li {
  width: 100% !important;
  margin-left: 0 !important;
  float: none !important;
}

.sp-colum1 li + li {
  margin-top: 10px !important;
}

.sp-colum1 li:nth-child(n+3) {
  margin-top: 0;
}

.sp-colum2 li,
.sp-colum3 li,
.sp-colum4 li {
  width: calc(100% / 2 - 2%);
  position: relative;
  margin-left: 4%;
  float: left;
  overflow: hidden;
}

.sp-colum2 li:nth-child(2n+1),
.sp-colum3 li:nth-child(2n+1),
.sp-colum4 li:nth-child(2n+1) {
  margin-left: 0;
}

.sp-colum2 li:nth-child(n+3),
.sp-colum3 li:nth-child(n+3),
.sp-colum4 li:nth-child(n+3) {
  margin-top: 5%;
}

/*============================================================
header
============================================================*/

header {
  background: #fff;
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 3;
}

header a {
  display: block;
}

#header-logo {
  width: 120px;
  height: 60px;
  margin-top: 4px;
}

#header-logo a {
  background: url(../images/common/header-logo_sp.png) no-repeat center / contain;
  width: 120px;
  height: 60px;
}

#btn-recruitment {
  width: 60px;
  height: 47px;
  position: absolute;
  top: 12px;
  right: 90px;
}

#btn-recruitment a {
  background: url(../images/common/btn-recruitment.png) no-repeat center / contain;
  width: 60px;
  height: 47px;
  font-size: 0% !important;
  line-height: 0% !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

#btn-menu {
  width: 60px;
  height: 47px;
  position: absolute;
  top: 12px;
  right: 20px;
}

#btn-menu a {
  background: url(../images/common/btn-menu.png) no-repeat center / contain;
  width: 60px;
  height: 47px;
  display: block;
  position: relative;
}

#btn-menu.active {
  width: 30px;
  height: 30px;
  top: 25px;
  right: 33px;
  z-index: 10;
}

#btn-menu.active a {
  background: url(../images/common/btn-menu-close.png) no-repeat center / contain;
  width: 30px;
  height: 30px;
}

#global-nav {
  background: #8c794c;
  width: 78%;
  padding: 0;
  margin: 10px 20px;
  z-index: 9;
  letter-spacing: 2px;
  border-radius: 20px;
  position: absolute;
  top: -200vh;
  transition: 0.5s;
  overflow: hidden;
  right: 0;
}

#global-nav.active {
  top: 0;
}

#global-nav .outline {
  font-size: 34px;
  color: #fff;
  position: absolute;
  font-style: italic;
  top: 13px;
  left: 20px;
}

.main-nav {
  padding: 60px 0px 20px 20px;
}

.main-nav li {
  border-left: solid 5px #ff875f;
  width: 50%;
  min-height: 42px;
  line-height: 1.5;
  padding-right: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-nav li:nth-child( n + 3 ) {
  margin-top: 15px;
}

.main-nav li a {
  font-weight: 500;
  color: #fff;
  padding-left: 15px;
}

.sub-nav ul li {
  background: #ff875f;
  width: 100%;
  position: relative;
}

.sub-nav ul li + li {
  border-top: 1px solid #fff;
}

.sub-nav ul li a {
  width: 100%;
  height: 50px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 50px;
  display: block;
  text-align: center;
  position: relative;
  right: -5px;
}

.sub-nav ul li:nth-child(2) a {
  line-height: 1.5;
  padding: 7px 0 0 0;
}

.sub-nav ul li:nth-child(1)::before {
  content: "";
  background: url(../images/common/icon-search.png) no-repeat left center / contain;
  width: 25px;
  height: 37px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 40px;
}

.sub-nav ul li:nth-child(2)::before {
  content: "";
  background: url(../images/common/icon-mail.png) no-repeat left center / contain;
  width: 25px;
  height: 37px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 40px;
}

.sub-nav ul li:nth-child(3)::before {
  content: "";
  background: url(../images/common/icon-entry.png) no-repeat left center / contain;
  width: 25px;
  height: 37px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 40px;
}

/*============================================================
footer
============================================================*/

#footer-nav .inner {
  width: 100%;
}

#footer-nav {
  width: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

#footer-nav .pcLeft {
  background: #ff875f;
  padding: 5px 0;
}


#footer-nav a {
  color: #fff;
  display: block;
  font-weight: 500;
}

#footer-nav .pcLeft li:nth-child(2)::after,
#footer-nav .pcLeft li:nth-child(3)::after {
  content: "";
  width: 500px;
  border-top: 1px solid #fff;
  position: absolute;
  left: -500px;
  top: -1px;
}

#footer-nav .sub-nav ul li {
  text-align: left;
}

#footer-nav .sub-nav ul li a::after {
  content: "";
  background: url(../images/common/arrow-wht.png) no-repeat center / contain;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
}

#footer-nav .pcRight {
  background: #6d541c;
  padding: 20px 0 20px 10%;
}

#footer-nav .pcLeft li,
#footer-nav .pcRight li {
  position: relative;
  letter-spacing: 2px;
}

#footer-nav .pcRight ul {
  align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#footer-nav .pcRight li {
  width: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#footer-nav .pcRight li:nth-child(n+3) {
  margin-top: 10px;
}

#footer-nav .pcRight li a {
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  padding-left: 30px;
}

#footer-nav .pcRight li a::before {
  content: "";
  background: url(../images/common/arrow-org.png) no-repeat center / contain;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

footer {
  background: #fff;
  width: 100%;
  position: relative;
}

footer .inner {
  padding: 30px 0;
}

#footer-logo {
}

#footer-logo a {
  background: url(../images/common/footer-logo.png) no-repeat center / contain;
  width: 160px;
  height: 60px;
  display: block;
  margin: auto !important;
  position: relative;
  left: -20px;
}

#footer-title img {
  width: 70%;
  margin: 20px auto 5px;
  display: block;
}

#footer-title p {
  text-align: center;
}

#footer-title ul {
  margin-top: 17px;
  text-align: center;
}

#footer-title ul li,
#footer-sns ul li {
  font-size: 14px;
  display: inline-block;
}

#footer-title ul li + li {
  margin-left: 30px;
}

#footer-sns {
  width: 90%;
  text-align: center;
  margin: 20px auto 0;
}

#footer-sns ul li {
  width: 35px;
  height: 35px;
}

#footer-sns ul li:nth-child(2) {
  margin-left: 10px;
}

#footer-sns ul .blank::after {
  content: none;
}

#pagetop {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  text-indent: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#pagetop a {
  background: url(../images/common/pagetop.png) no-repeat center center;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  width: 50px;
  height: 50px;
  display: block;
}

/*============================================================
#top
============================================================*/
#top #mv {
  width: 100%;
  overflow-x: hidden;
}

#top #mv .inner {
  padding-top: 90px;
  width: 95%;
}

#top #mv-title {
  background: url(../images/top/sp_mv-title.png) no-repeat center / cover;
  width: 100%;
  padding-top: 75%;
}

#top #mv #slide li .fusen {
  background: #fff;
  padding: 10px 50px 10px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #ff7d40;
  text-align: center;
  position: absolute;
  z-index: 99;
  bottom: 25px;
  right: 15px;
  box-shadow: 5px 6px 10px 0px #93672f;
}

#top #mv-title img {
  display: none;
}

#top #mv-lead {
  display: none;
}

#top #mv #slide {
  margin-top: -10px;
  width: 100%;
}

#tab {
  width: 100%;
  position: relative;
}

#tab-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#tab-wrap li {
  width: calc( 100% / 2 - 5px );
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  position: relative;
  cursor: pointer;
  /*-webkit-transition: background-color 0.01s linear;
  -o-transition: background-color 0.01s linear;
  transition: background-color 0.01s linear;*/
}

#tab-wrap li + li {
  margin-left: 5px;
}

#tab-wrap li + li a {
  background: #8c794c;
}

#tab-wrap li a {
  background: #ff9977;
  width: 100%;
  height: 44px;
  border-radius: 10px 10px 0 0;
  line-height: 44px;
  color: #fff;
  display: block;
}

.tab-active,
#tab-wrap li a:hover {
  /*background: #f4af6b !important;*/
  color: #fff !important;
}

.tab-active::before,
#tab-wrap li a:hover::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -18px;
  width: 0px;
  height: 0px;
  z-index: 0;
}

#top-news {
  width: 95%;
  margin: 10px auto 0;
  position: relative;
}

#top-news .tab-cont {
  background: #fff2ec;
  width: 100%;
  padding: 20px 20px 50px;
  margin: auto;
  position: relative;
}

#top-news .tab-cont #tab01,
#top-news .tab-cont #tab02 {
  height: 150px;
  /*overflow: auto;*/
  overflow-y: auto;
}

#top-news .tab-cont li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#top-news .tab-cont ul li + li {
  margin-top: .25em;
}

.news-list li span,
.recruitment-list li span {
  font-weight: 500;
  display: block;
}

.tab-news-arrow {
  width: 100%;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 10px;
}

.tab-news-arrow a {
  width: 210px;
  padding-right: 50px;
}

.tab-news-arrow .arrow::after {
  bottom: 0;
}

#top-news .tab-cont #tab01::-webkit-scrollbar,
#top-news .tab-cont #tab02::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  /*background: #9aadfc;*/
}

#top-news .tab-cont #tab01::-webkit-scrollbar-thumb,
#top-news .tab-cont #tab02::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(255,125,64,1);
}

#top-plan {
  background: url(../images/top/plan-bg.jpg) no-repeat center / cover;
  width: 100%;
  border-bottom: solid 5px #ff875f;
  margin-top: 30px;
  padding: 30px 0 0;
}

#top-plan .inner {
  position: relative;
}

#plan-kodaira {
  width: 50%;
  margin: 30px 0 0;
}

#plan-fukidashi {
  background: #ff9977;
  width: calc( 100% - 10px );
  border-radius: 10px;
  color: #fff;
  padding: 15px 20px;
  box-shadow: 7px 7px 0 #7c6533;
  position: relative;
}

#plan-fukidashi::before {
  content: '';
  height: 30px;
  width: 90px;
  background: url(../images/top/sp_plan-fukidashi.png) no-repeat center / cover;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

#plan-fukidashi .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

#plan-fukidashi .title br {
  display: none;
}

#plan-fukidashi .title + p {
  display: none;
}

#top-plan .btn {
  width: calc( 100% - 40px );
  position: absolute;
  right: 20px;
  bottom: 30px;
  z-index: 2;
}

#top-content {
  background: #ffcbb3;
}

#top-content .inner {
  padding: 70px 0 30px;
}

#top-content .bnr {
  position: relative;
}

#top-content .bnr + .bnr {
  margin-top: 110px;
}

#top-content .bnr:not(#bnr05):not(#bnr06) a {
  display: block;
  background-color: #fff;
  background-position: center 50px;
  background-repeat: no-repeat;
  background-size: 90%;
  padding-bottom: 40px;
  border-radius: 10px;
  box-shadow: 8px 8px 0 #FF9F7F;
  width: calc( 100% - 10px );
  position: relative;
}

#top-content #bnr05.bnr a,
#top-content #bnr06.bnr a {
  position: static;
  display: block;
}

#top-content #bnr01.bnr a {
  background-image: url(../images/top/sp_bnr01.png);
  padding-top: calc( 74.2% + 20px );
}

#top-content #bnr02.bnr a {
  background-image: url(../images/top/sp_bnr02.png);
  padding-top: calc( 81% + 20px );
}

#top-content #bnr03.bnr a {
  background-image: url(../images/top/sp_bnr03.png);
  padding-top: calc( 101.7% + 20px );
}

#top-content #bnr04.bnr a {
  background-image: url(../images/top/sp_bnr04.png);
  padding-top: calc( 97.8% + 20px );
}

#top-content #bnr07.bnr a {
  background-image: url(../images/top/sp_bnr07.png);
  padding-top: calc( 97.5% + 20px );
}

#top-content .bnr a::before {
  content: '';
  display: block;
  background: url(../images/top/sp_bnr_btn.png) no-repeat center / 100%;
  padding-top: 29.6%;
  width: 100%;
  position: absolute;
  bottom: -13%;
  left: 0;
  z-index: 1;
}

#top-content #bnr05.bnr a::before,
#top-content #bnr06.bnr a::before {
  display: none;
}

#top-content .colum2 {
  margin: 135px auto 70px;
}

#top-content .colum2 li {
}

#top-content .colum2 li + li {
  margin-top: 80px !important;
}

#bnr01 .txt,
#bnr02 .txt,
#bnr03 .txt,
#bnr04 .txt,
#bnr07 .txt {
  font-size: 14px;
  letter-spacing: 2px;
  width: 90%;
  margin: 10px auto 5px;
}

#bnr05 a {
  background: url(../images/top/bnr05.png) no-repeat center / contain !important;
  background-color: transparent !important;
  padding: 94% 0 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

#bnr06 a {
  background: url(../images/top/bnr06.png) no-repeat center / contain !important;
  background-color: transparent !important;
  padding: 94% 0 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

#bnr07 {
}

.fukidashi-anim {
  display: none;
  /*
  width: 100%;
  margin-left: -5%;
  text-align: center;
  position: absolute;
  */
}

/*
.fukidashi-anim li {
  width: 30%;
  width: calc( 90% / 3 );
  padding-top: 30%;
  display: inline-block;
  position: relative;
  opacity: 0;
}

#bnr02 .fukidashi-anim li,
#bnr04 .fukidashi-anim li,
#bnr07 .fukidashi-anim li {
  width: 22.5%;
  width: calc( 90% / 4 );
}

.fukidsashi-showed {
  animation: bounceIn 3s ease-in-out 0s 1 normal;
  opacity: 1 !important;
}

.fukidashi-anim li + li {
}

.fukidashi-anim li p {
  width: 80px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

#bnr02 .fukidashi-anim li p {
  font-size: 14px;
}

.fukidashi-anim li:nth-child(1) {
  background: url(../images/top/fukidashi-anim01.png) no-repeat center / contain;
}

.fukidashi-anim li:nth-child(2) {
  background: url(../images/top/fukidashi-anim02.png) no-repeat center / contain;
}

.fukidashi-anim li:nth-child(3) {
  background: url(../images/top/fukidashi-anim03.png) no-repeat center / contain;
}

.fukidashi-anim li:nth-child(4) {
  background: url(../images/top/fukidashi-anim04.png) no-repeat center / contain;
}
*/

.fukidashi-kumo {
  width: 150px;
  height: 95px;
  margin-left: -5%;
  text-align: center;
  position: absolute;
  z-index: 2;
}

/*
#bnr01 .fukidashi-anim {
  left: 15px;
  top: 75px;
}

#bnr02 .fukidashi-anim {
  left: 15px;
  top: 65px;
}

#bnr03 .fukidashi-anim {
  left: 15px;
  top: 75px;
}

#bnr04 .fukidashi-anim {
  left: 15px;
  top: 65px;
}

#bnr07 .fukidashi-anim {
  margin-left: 0;
}
*/

#bnr01 .fukidashi-kumo {
  top: -40px;
  right: 30%;
}

#bnr02 .fukidashi-kumo {
  top: -50px;
  left: 30%;
}

#bnr03 .fukidashi-kumo {
  top: -50px;
  right: 30%;
}

#bnr04 .fukidashi-kumo {
  top: -40px;
  left: 30%;
}

#bnr05 .fukidashi-kumo {
  top: -55px;
  right: 30%;
}

#bnr06 .fukidashi-kumo {
  top: -55px;
  right: 30%;
}

#bnr07 .fukidashi-kumo {
  top: -50px;
  left: 30%;
}

#top-contact {
  background: #ffcbb3;
  padding-top: 40px;
  width: 100%;
  position: relative;
}

#top-contact:after {
  content: '';
  background: url(../images/top/contact-bg.jpg) no-repeat center / cover;
  padding-top: 48%;
  margin-top: 30px;
  display: block;
  width: 100%;
}

#top-contact .fukidashi {
  background: #fff;
  border: solid 6px #ff9f7f;
  border-radius: 20px;
  width: 90%;
  padding: 20px;
  margin: auto;
}

#top-contact .fukidashi br {
  display: none;
}

#top-contact p {
  font-weight: 500;
}

#top-contact a {
  font-weight: 500;
  color: #ff875f;
  position: relative;
}

#top-contact .arrow {
  margin-top: 10px;
}

#top-contact .arrow a::before {
  content: "";
  background: url(../images/common/arrow-org.png) no-repeat center / contain;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  right: -25px;
  bottom: 0;
  margin: auto;
}

#top-contact .arrow::after {
  content: none;
}

/*============================================================
#plan 採用プラン
============================================================*/

#plan #mv {
  background: url(../images/plan/mv-bg.jpg) no-repeat center / cover;
  width: 100%;
  margin-top: 95px;
  position: relative;
}

#plan #mv .inner {
}

#plan #mv-title {
  background: #fff2ec;
  width: 90%;
  line-height: 1.2;
  text-align: center;
  font-weight: 900;
  transform: rotate(-3deg);
  padding: 38px 0 10px;
  margin: 0 auto;
  box-shadow: 5px 6px 10px 0px #ffa378;
}

#plan #mv-title .fukidashi {
  background: url(../images/common/fukidashi-kumo-sp.png) no-repeat center / contain;
  display: block;
  font-size: 14px;
  padding: 15px 10px 15px;
  margin-bottom: 5px;
  line-height: 1.5;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
}

#plan #mv-title .outline {
  font-size: 35px;
  color: #fff;
  text-align: center;
  position: relative;
}

#plan #mv-title .title {
  font-size: 35px;
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 2px;
  position: relative;
}

#plan #mv-img {
  width: 60%;
  position: relative;
  /* bottom: 0; */
  left: -15%;
  z-index: 2;
}

#plan #mv-lead {
  font-size: 17vw;
  font-weight: 700;
  line-height: 1.2;
  margin: 15px 0;
  position: absolute;
  right: 5vw;
  bottom: 6vw;
}

#plan-content .plan-wrap {
  padding: 30px 0;
}

#plan-content .plan-wrap.org-bg {
  background: #ffe5d9;
}

#plan-content .plan-wrap.book-bg {
  background: url(../images/plan/book-bg.jpg) no-repeat center top / contain #ffe5d9;
  padding: 0 0 30px;
}

#plan-content .plan-wrap.book-bg .inner {
  padding-top: 130px;
}

#plan-content .ques {
  background: url(../images/plan/fukidashi-title.png) no-repeat center / contain;
  padding-top: 40%;
  margin: 0 auto;
  width: 70%;
  position: relative;
}

#plan-content .ques p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-45%) translateX(-50%);
  -webkit- transform: translateY(-45%) translateX(-50%);
  width: 70%;
}

#plan-content .ans {
  font-size: 20px;
  font-weight: 500;
  color: #ff875f;
  line-height: 1.6;
  padding: 15px 20px;
  margin-bottom: 5px;
  position: relative;
}

#plan-content .ans::before {
  content: "";
  width: 20px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  border-top: solid 3px #ff875f;
  border-left: solid 3px #ff875f;
}

#plan-content .ans::after {
  content: "";
  width: 20px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 10px;
  border-bottom: solid 3px #ff875f;
  border-right: solid 3px #ff875f;
}

#plan-content .ans br {
  display: none;
}

#plan-content .book {
  background: none;
  margin-bottom: 30px;
}

#plan-content .plan-wrap.book-bg .title {
  background: url(../images/plan/book.png) no-repeat center / contain;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.8;
  color: #ff9977;
  padding: 50px 60px 65px;
  width: 300px;
  margin: -10px auto 0;
}

#plan-content .plan-wrap .name {
  font-weight: 500;
  text-align: center;
  font-size: 12px;
}

#plan-content .plan-wrap .name span {
  font-size: 20px;
  margin-left: 5px;
}


#plan-content .point {
  margin: 20px auto;
}

#plan-content .point ul li {
  background: #fff3ef;
  width: 100%;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  color: #ff7d40;
  padding: 10px 20px;
  border: solid 4px #ff9977;
  position: relative;
  text-align: center;
}

#plan-content .point ul li span {
  font-size: 21px;
}

#plan-content .point ul li span.org {
  font-size: 34px;
}

#plan-content .point ul li p {
  text-align: center;
  margin-top: 5px;
}

#plan-content .point ul li + li {
  margin-top: 20px;
}

.colum2.center {
  justify-content: center;
}

.colum2 .btn {
}

.colum2 .btn + .btn {
  margin-top: 15px;
}

/*============================================================
#recruitment
============================================================*/



#recruitment-nav {
  margin: 0 auto;
}

.main-nav ul,
#recruitment-nav ul {
  align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#recruitment-nav ul {
  padding-top: 30px;
}

#recruitment-nav ul li {

  /*min-height: 60px;*/
  width: calc( 100% / 2 - 2% );
  text-align: center;
  position: relative;
}

#recruitment-nav ul li:nth-child(even) {
  margin-left: 4%;
}

#recruitment-nav ul li:nth-child(n + 3) {
  margin-top: 15px;
}

#recruitment-nav ul li a {
  background: #ff875f;
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
  padding: 10px;
  border-radius: 10px;
}

#recruitment-nav ul li.current a,
#recruitment-nav ul li a:hover {
  background: #fff;
  color: #5b3f00;
}

#recruitment-nav ul li p {

}

#recruitment-wrap .recruitment-list {
  padding: 30px 0;
}

#recruitment-wrap .recruitment-list li {
  background: #fff;
}

#recruitment-wrap .recruitment-list li + li {
  margin-top: 15px;
}

.recruitment-list .accordion-icon span {
  background: #ff875f;
}

#recruitment-wrap .recruitment-list table {
  width: 100%;
  overflow: hidden;
}

#recruitment-wrap .recruitment-list table tr:nth-child(odd) {
  background: #fef9f4;
}

#recruitment-wrap .recruitment-list table tr:nth-child(even) {
  background: #fff;
}

#recruitment-wrap .recruitment-list table tr:last-child {

}

#recruitment-wrap .recruitment-list table th,
#recruitment-wrap .recruitment-list table td {
  font-size: 13px;
  padding: 10px 20px;
  display: block;
}

#recruitment-wrap .recruitment-list table th {
  padding-bottom: 0;
  font-weight: 700;
}

#recruitment-wrap .recruitment-list li .accordion-heading {
  padding: 20px 60px 20px 25px;
  position: relative;
  cursor: pointer;
}

#recruitment-wrap .recruitment-list li .accordion-heading .secTitle {
  font-weight: 700;
}

.accordion li .accordion-icon span {
  background: #ee7959;
}

.accordion-icon span:nth-of-type(1) {
  top: 50%;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.accordion-heading.active .accordion-icon span:nth-of-type(1) {
  display: none;
}

.accordion-icon span:nth-of-type(2) {
  top: 50%;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.accordion-heading.active .accordion-icon span:nth-of-type(2) {
  top: 50%;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.accordion-icon span {
  background: #5b3f00;;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  top: 10px;
}

.accordion-icon {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
}

.accordion-icon, .accordion-icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

/*============================================================
#people はたらく人
============================================================*/

/***********************************
.people-top トップ
************************************/
#people-faq {
  padding: 30px 0;
}

.people-top #mv.noimg #mv-title .outline::after {
  content: "人";
  font-size: 64px;
  font-weight: 900;
  color: #ff875f;
  line-height: 1;
  text-shadow: #5b3f00 1px 1px 0px, #5b3f00 -1px 1px 0px, #5b3f00 1px -1px 0px, #5b3f00 -1px -1px 0px;
  position: absolute;
  top: 0;
}

.people-top #mv.noimg #mv-title .outline span {
  text-shadow: none;
}

.people-top .fukidashi-anim {
  display: block;
  text-align: center;
  position: relative;
}

.people-top .fukidashi-anim li {
  opacity: 1 !important;
  width: 22.5%;
  width: calc( 90% / 4 );
  padding-top: 30%;
  display: inline-block;
  position: relative;
  opacity: 0;
}

.people-top .fukidashi-anim + p {
  margin: 0 auto 20px;
}

.people-top .fukidashi-anim li p {
width: 80px;
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: normal;
letter-spacing: normal;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.people-top .fukidashi-anim li p {
font-size: 14px;
}

.people-top .fukidashi-anim li:nth-child(1) {
background: url(../images/top/fukidashi-anim01.png) no-repeat center / contain;
}

.people-top .fukidashi-anim li:nth-child(2) {
background: url(../images/top/fukidashi-anim02.png) no-repeat center / contain;
}

.people-top .fukidashi-anim li:nth-child(3) {
background: url(../images/top/fukidashi-anim03.png) no-repeat center / contain;
}

.people-top .fukidashi-anim li:nth-child(4) {
background: url(../images/top/fukidashi-anim04.png) no-repeat center / contain;
}

.people-top .lead {
  position: relative;
}

/*
.people-top .lead::before {
  content: "";
  background: url(../images/top/mv-bg01.png) no-repeat center / contain;
  width: 180px;
  height: 420px;
  position: absolute;
  top: 0;
  left: 0;
}

.people-top .lead::after {
  content: "";
  background: url(../images/top/mv-bg02.png) no-repeat center / contain;
  width: 180px;
  height: 420px;
  position: absolute;
  right: 0px;
  top: 0;
}
*/
.people-top #people-faq .sub-title {
  top: 33%;
}

.people-top #people-faq .sub-title::before {
  content: none;
  background: url(../images/people/faq-title-deco01.png) no-repeat center / contain;
  width: 20px;
  height: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
}

.people-top #people-faq .sub-title::after {
  content: none;
  background: url(../images/people/faq-title-deco02.png) no-repeat center / contain;
  width: 20px;
  height: 30px;
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
}

.people-top #people-faq .title {
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.people-top #people-faq .title span {
  font-size: 27px;
  color: #ff7d40;
  position: relative;
  letter-spacing: 0;
}

.people-top .fukidashi-l {
  margin: 0 auto -50px;
}

/***********************************
.people-detail 詳細ページ
************************************/
.people-detail #mv {
  background: #ded9cc;
  margin-top: 95px;
  position: relative;
}

.people-detail #mv .inner {
  padding-bottom: 70px;
}

.people-detail #mv::before,
.people-detail #mv::after{
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10vw solid #ffe5d9;
}

.people-detail #mv::before{
  left: 0;
  border-right: 50vw solid transparent;
}

.people-detail #mv::after{
  right: 0;
  border-left: 50vw solid transparent;
}

.people-detail #mv #mv-title {
  width: 50px;
  height: 101px;
  position: absolute;
  right: 5%;
}

.people-detail .profile {
  background: #fff;
  padding: 20px;
  margin: -50px auto 0;
  position: relative;
}

.people-detail .profile .title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}

.people-detail .profile .title span {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  display: inline-block;
}

.people-detail .profile .lead {
  font-size: 16px;
  font-weight: 700;
  color: #ff905d;
  line-height: 1.8;
  margin: 20px 0;
}

.people-detail .profile .lead br {
  display: none;
}

.people-detail .profile .title.outline {
  margin: 0 auto 15px;
  font-size: 27px;
  font-weight: 900;
  color: #fff;
  position: relative;
}
/*
.people-detail .profile .title.outline::before {
  content: "";
  width: 200px;
  height: 1px;
  border-top: solid 1px #5b3f00;
  position: absolute;
  left: -220px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.people-detail .profile .title.outline::after {
  content: "";
  width: 200px;
  height: 1px;
  border-top: solid 1px #5b3f00;
  position: absolute;
  right: -220px;
  top: 0;
  bottom: 0;
  margin: auto;
}
*/
.people-detail .profile .title.outline + p {
  margin: 0 auto;
}

.people-detail .colum3 li:nth-child(n+4) {
  margin-top: 0;
}

.people-detail #people-faq {
  background: #ffe5d9;
  padding: 0 0 50px;
}

.people-detail #people-faq .sub-title,
.people-detail #people-faq .title {
  text-align: center;
  line-height: 1;
}

.people-detail #people-faq .sub-title {
  padding-top: 20px;
  font-size: 17px;
  font-weight: 700;
  margin: 0 auto;
  position: relative;
}

.people-detail #people-faq .sub-title::before {
  content: none;
  background: url(../images/people/faq-title-deco01.png) no-repeat center / contain;
  width: 20px;
  height: 30px;
  display: block;
  position: absolute;
  top: 20px;
  left: 5px;
}

.people-detail #people-faq .sub-title::after {
  content: none;
  background: url(../images/people/faq-title-deco02.png) no-repeat center / contain;
  width: 20px;
  height: 30px;
  display: block;
  position: absolute;
  top: 20px;
  right: 5px;
}

.people-detail #people-faq .title {
  font-size: 34px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-top: 15px;
}

.people-detail #people-faq .title span {
  font-size: 34px;
  color: #ff7d40;
  position: relative;
  /*top: 8px;*/
  letter-spacing: 0;
}

.people-detail #people-faq .faq-list,
.faq-list li + li {
  margin-top: 35px;
}

.faq-list li .ques {
  position: relative;
}

.faq-list li .ques::before {
  content: "";
  width: 65px;
  height: 110px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.faq-list li:nth-child(1) .ques::before {
  background: url(../images/people/icon-q01.png) no-repeat center / contain;
}

.faq-list li:nth-child(2) .ques::before {
  background: url(../images/people/icon-q02.png) no-repeat center / contain;
}

.faq-list li:nth-child(3) .ques::before {
  background: url(../images/people/icon-q03.png) no-repeat center / contain;
}

.faq-list li:nth-child(4) .ques::before {
  background: url(../images/people/icon-q04.png) no-repeat center / contain;
}

.faq-list li:nth-child(5) .ques::before {
  background: url(../images/people/icon-q05.png) no-repeat center / contain;
}

.faq-list li:nth-child(6) .ques::before {
  background: url(../images/people/icon-q06.png) no-repeat center / contain;
}

.faq-list li:nth-child(7) .ques::before {
  background: url(../images/people/icon-q07.png) no-repeat center / contain;
}

.faq-list li:nth-child(8) .ques::before {
  background: url(../images/people/icon-q08.png) no-repeat center / contain;
}

.faq-list li:nth-child(9) .ques::before {
  background: url(../images/people/icon-q09.png) no-repeat center / contain;
}

.faq-list li:nth-child(10) .ques::before {
  background: url(../images/people/icon-q10.png) no-repeat center / contain;
}

.faq-list li .fukidashi {
  width: calc( 100% - 90px );
  min-height: 100px;
  background: #ff9d70;
  /* font-size: 17px; */
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  position: relative;
  border-radius: 10px;
  padding: 5px 30px;
  margin-left: 90px;
  display: table;
}

.faq-list li .fukidashi::before {
  content: "";
  position:absolute;
  top:0;
  bottom: 0;
  left: -15px;
  width:0;
  height:0;
  margin: auto;
  border-style: solid;
  border-color: transparent #ff9d70 transparent transparent;
  border-width: 10px 20px 10px 0;
}

.faq-list li .fukidashi p {
  display: table-cell;
  vertical-align: middle;
  /*width: 720px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);*/
}

.faq-list li .ans {
  background: #fff;
  font-size: 13px;
  margin-top: 20px;
  padding: 20px 20px 20px 70px;
  border-radius: 10px;
  position: relative;
}

.faq-list li .ans::before {
  content: "A";
  font-size: 25px;
  font-weight: 900;
  color: #fff;
  display: block;
  position: absolute;
  left: 26px;
  top: 15px;
  z-index: 2;
}

.faq-list li .ans::after {
  content: "";
  background: #ff905d;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 15px;
  top: 20px;
}

.faq-list li .photo {
  text-align: center;
  margin: 30px auto 0;
}

.people-warp {
  margin-top: 50px;
}

.people-warp .outline {
  font-size: 42px !important;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}

.people-list li {
  width: calc(100% / 2 - 4%) !important;
  margin: 2% !important;
}

.people-list li .thumbnail img  {
  width: 100%;
  height: 40vw;
}

.people-list li.selected {
  display: none;
}

.people-list li a {
  display: block;
}

.people-list li a .label {
  background: #ff875f;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  padding: 0px 10px;
  border-radius: 5px;
}

.people-list li {
  margin-top: 20px;
}

/*============================================================
#team 編成紹介
============================================================*/

/***********************************
.team-top チームトップ
************************************/

.team-top #mv {
  width: 100%;
  margin-top: 95px;
  position: relative;
  padding-bottom: 60%;
}

.team-top #mv:before {
  content: '';
  background: url(../images/team/top-mv.jpg) no-repeat center / cover;
  width: 100%;
  padding-top: 60%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.team-top #mv .inner {
}

.team-top #mv-title .outline {
  font-size: 35px;
  color: #fff;
  text-align: center;
}

.team-top #mv-title .title {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
}

.team-top #mv-title {
  background: #fff;
  width: 100%;
  line-height: 1.2;
  text-align: center;
  font-weight: 900;
  transform: rotate(-3deg);
  padding: 38px 0 10px;
  margin: 0 auto;
  box-shadow: 5px 6px 10px 0px #ffa378;
}

.team-top #mv-title .fukidashi {
  background: url(../images/common/fukidashi-kumo-sp.png) no-repeat center / contain;
  display: block;
  font-size: 14px;
  padding: 15px 10px 15px;
  margin-bottom: 5px;
  line-height: 1.5;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
}

.team-top #mv .en-title {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.team-top #lead {
  background: #ffe5d9;
  width: 100%;
  padding: 20px 0;
  position: relative;
}

.team-top #lead .pcLeft {
  width: 45%;
  position: absolute;
  top: -15%;
  left: 0%;
  display: none;
}

.team-top #lead .pcLeft img {
}

.team-top #lead .pcRight {
}

.team-top #lead .pcRight .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}

.team-top #lead .pcRight .title + p {
  position: relative;
  background: #ffe5d9;
  padding-top: 15px;
}

#team-list .inner {
  width: 100%;
}

#team-list li a {
  width: 90%;
  margin: 0 auto;
  display: block;
}

#team-list li .pcLeft {
  background: #d9d3c4;
}

#team-list li .pcRight {
  background: #ffb796;
}

#team-list li .join {
  background: #ff835f !important;
}

#team-list li .join .outline {
  line-height: 1.3;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
  margin: 20px 0 10px;
}

#team-list li .pcLeft,
#team-list li .pcRight {
  text-align: center;
  padding: 10px 0;
}

#team-list li .pcRight.join {
  padding-top: 20px;
}

#team-list li .pcLeft p,
#team-list li .pcRight p {
  text-align: center;
}

#team-list li .pcRight p + img {
  width: 60%;
}

#team-list li .outline {
  font-size: 27px;
  color: #ff875f;
  margin: -10px 0 5px;
}

#team-list li .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

#team-list li .sub-title {
  font-size: 17px;
  font-weight: 500;
}

.footimg {
  width: 100%;
  padding-top: 60%;
  position: relative;
}

.team-top .footimg {
  background: url(../images/team/top-footimg.jpg) no-repeat center / cover;
}

/***********************************
.team-detail 詳細ページ
************************************/
.team-detail #mv {
  margin-top: 90px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.team-detail #mv .inner {
}

.team-detail #mv-title {
  background: #fff;
  width: 100%;
  line-height: 1;
  letter-spacing: 2px;
  font-weight: 900;
  padding: 15px 0;
  transform: rotate(-3deg);
  position: relative;
}

.team-detail #mv .sub-title {
  font-size: 27px;
  text-align: center;
  line-height: 1.4;
}

.team-detail #mv .sub-title span {
  font-size: 34px;
  color: #fff;
  display: block;
  margin-bottom: 5px;
}

.team-detail #mv .title {
  font-size: 27px;
  font-weight: 900;
  text-align: center;
}

.team-detail #mv .en-title {
  font-size: 38px;
  font-weight: 900;
  margin-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  word-wrap: break-word;
  position: relative;
}

.team-detail #mv .data {
  background: #fff;
  padding: 60px 50px 20px 20px;
  margin-top: -80px;
  position: relative;
  z-index: 1;
}

.team-detail #mv .data::after {
  content: "";
  background: url(../images/team/mv-deco.png) no-repeat center / contain;
  width: 50px;
  height: 74px;
  display: block;
  position: absolute;
  bottom: 20px;
  right: -5%;
}

.team-detail #mv .data .title {
  color: #38bce0;
  font-size: 20px;
  font-weight: 900;
  text-align: left;
  line-height: 1;
  margin-bottom: 10px;
}

.team-detail #mv-img {
  margin-top: 5px;
  position: relative;
  z-index: 2;
}

.team-detail #mv::before {
  content: '';
  position: absolute;
  left: 0;
  border-left: 100vw solid transparent;
}

.btn.line2 {
  line-height: 1.6;
}

.team-detail .btn .blank::after {
  width: 15px;
  height: 15px;
  right: 15px;
}

.team-rehabilitation #mv {
  background: #c3ebf6;
}

.team-rehabilitation #mv::before {
  border-bottom: 900px solid #9bddef;
}

.team-rehabilitation #mv-title {
  box-shadow: 5px 6px 10px 0px #72cfe9;
}

.team-rehabilitation #mv .data {
  border: solid 7px #60c9e6;
}

#team-content,
#team-content .bg-fix,
#team-content .contents {
  position: relative;
  z-index: 2;
}

.contents {
  position: relative;
}

.background {
  top: 100px;
  left: 0;
  width: 50%;
  height: 100vh;
  position: absolute;
  background-position: center center;
  opacity: 0;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#sec01 .background {
  top: 0;
}

#team .background {
  width: 100%;
  height: auto;
  padding-top: 60%;
  opacity: 1 !important;
  position: relative!important;
  top: 0;
  z-index: 1;
}

.text-wrap {
  padding: 30px 20px;
  background-color: #fff;
  position: relative;
}

.show .background {
  opacity: 1;
}

.background.fixed {
  position: fixed;
}

.background.fixed.none {
  position: absolute;
}

.text-wrap-inner {
  text-align: center;
}

#team-content h2.title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

#team-content .team-neme,
#team-training .people-warp .team-neme {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 5px;
  border-top: solid 1px #5b3f00;
  border-bottom: solid 1px #5b3f00;
  margin: 15px auto 20px;
  display: block;
}

#team-content .heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
}

#team-content .heading::before {
  content: "";
  width: 30px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 1px solid #5b3f00;
}

.team-rehabilitation #sec01-bg {background-image: url(../images/team/rehabilitation01.jpg); background-position: center 20%;}
.team-rehabilitation #sec02-bg {background-image: url(../images/team/rehabilitation02.jpg); background-position: center 20%;}
.team-rehabilitation #sec03-bg {background-image: url(../images/team/rehabilitation03.jpg); background-position: center 30%;}
.team-rehabilitation #sec04-bg {background-image: url(../images/team/rehabilitation04.jpg); background-position: center 20%;}
.team-rehabilitation #sec05-bg {background-image: url(../images/team/rehabilitation05.jpg); background-position: center 25%;}
.team-rehabilitation #sec06-bg {background-image: url(../images/team/rehabilitation06.jpg); background-position: center 20%;}

.team-rehabilitation #sec04 .text-wrap {
  background: #e1f5fa;
}

.team-rehabilitation #sec05 .text-wrap,
.team-rehabilitation #sec06 .text-wrap {
  background: #c3ebf6;
}

.team-rehabilitation #team-content h2.title {
  color: #38bce0;
}

.team-rehabilitation #team-training {
  background: #9bddef;
}

#team-content .fukidashi-flow {
  background: #ff905d;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}

#team-content .fukidashi-flow::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ff905d;
}

#team-content .flow {
  padding-top: 10px;
  padding-left: 90px;
  position: relative;
}

#team-content .flow::before {
  content: "";
  height: 100vh;
  border: 4px solid #ff7d40;
  position: absolute;
  display: block;
  left: 37px;
}

#team-content .flow.middle::before {
  top: -50px;
}

#team-content .flow.fin::before {
  top: -100px;
}

#team-content .flow li + li {
  margin-top: 30px;
}

#team-content .flow p {
  font-size: 14px;
  line-height: 1.6;
}

#team-content .flow .time {
  font-size: 23px;
  font-weight: 700;
  color: #ff7d40;
  position: relative;
}

#team-content .flow .time::before {
  content: "";
  background: url(../images/team/icon-flow.png) no-repeat center / contain;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  left: -80px;
  top: -8px;
  z-index: 2;
}

#team-training {
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 30px 0;
}

#team-training .training {
  background: #fff;
  padding: 20px;
  position: relative;
}

#team-training .training .outline,
#team-training .training .title {
  text-align: center;
}

#team-training .training .outline {
  font-size: 35px;
  font-weight: 900;
  line-height: 1.1;
}

#team-training .training .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin: 20px 0 10px;
}

#team-training .people-warp .title {
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  margin-top: 30px;
}

#team-training .team-neme + p {
  font-weight: 700;
  text-align: center;
}

#team-training .people-list li.selected {
  display: block !important;
}

#team .people-list li {
  display: none;
}

.team-doctor .people-list li.doctor,
.team-nurse .people-list li.nurse,
.team-radiologist .people-list li.radiologist,
.team-nutritionist .people-list li.nutritionist,
.team-pharmacist .people-list li.pharmacist,
.team-rehabilitation .people-list li.rehabilitation,
.team-medical_practice .people-list li.medical_practice,
.team-general_affairs .people-list li.general_affairs,
.team-medical_cooperation .people-list li.medical_cooperation,
.team-medical_technologist .people-list li.medical_technologist,
.team-medicalclerk .people-list li.medicalclerk,
.team-nutritionist .people-list li.nutritionist,
.team-pharmacist .people-list li.pharmacist,
.team-radiologist .people-list li.radiologist,
.team-mp .people-list li.mp,
.team-mc .people-list li.mc,
.team-mck .people-list li.mck {
  display: block !important;
}

/* medical_practice */
.team-medical_practice #mv {
  background: #fdf7d0;
}

.team-medical_practice #mv::before {
  border-bottom: 900px solid #fbf2b0;
}

.team-medical_practice #mv-title {
  box-shadow: 5px 6px 10px 0px #eace87;
}

.team-medical_practice #mv .data {
  border: solid 7px #e7c776;
}

.team-medical_practice #mv .data .title {
  color: #e1b954;
}

.team-medical_practice #sec01-bg {background-image: url(../images/team/medical_practice01.jpg); background-position: center 40%;}
.team-medical_practice #sec02-bg {background-image: url(../images/team/medical_practice02.jpg); background-position: center 30%;}
.team-medical_practice #sec03-bg {background-image: url(../images/team/medical_practice03.jpg); background-position: center 30%;}
.team-medical_practice #sec04-bg {background-image: url(../images/team/medical_practice04.jpg); background-position: center 20%;}
.team-medical_practice #sec05-bg {background-image: url(../images/team/medical_practice05.jpg);}
.team-medical_practice #sec06-bg {background-image: url(../images/team/medical_practice06.jpg); background-position: center 30%;}

.team-medical_practice #sec04 .text-wrap {
  background: #fefbe7;
}

.team-medical_practice #sec05 .text-wrap,
.team-medical_practice #sec06 .text-wrap {
  background: #fdf7d0;
}

.team-medical_practice #team-content h2.title {
  color: #e1b954;
}

.team-medical_practice #team-training {
  background: #f0dca9;
}

.team-medical_practice .people-list li.medical_practice {
  display: block !important;
}

/* general_affairs */
.team-general_affairs #mv {
  background: #fdf7d0;
}

.team-general_affairs #mv::before {
  border-bottom: 900px solid #fbf2b0;
}

.team-general_affairs #mv-title {
  box-shadow: 5px 6px 10px 0px #eace87;
}

.team-general_affairs #mv .data {
  border: solid 7px #e7c776;
}

.team-general_affairs #mv .data .title {
  color: #e1b954;
}

.team-general_affairs #sec01-bg {background-image: url(../images/team/general_affairs01.jpg); background-position: center 30%;}
.team-general_affairs #sec02-bg {background-image: url(../images/team/general_affairs02.jpg); background-position: center 50%;}
.team-general_affairs #sec03-bg {background-image: url(../images/team/general_affairs03.jpg); background-position: center 20%;}
.team-general_affairs #sec04-bg {background-image: url(../images/team/general_affairs04.jpg); background-position: center 30%;}
.team-general_affairs #sec05-bg {background-image: url(../images/team/general_affairs05.jpg); background-position: center 20%;}
.team-general_affairs #sec06-bg {background-image: url(../images/team/general_affairs06.jpg); background-position: center 10%;}

.team-general_affairs #sec04 .text-wrap {
  background: #fefbe7;
}

.team-general_affairs #sec05 .text-wrap,
.team-general_affairs #sec06 .text-wrap {
  background: #fdf7d0;
}

.team-general_affairs #team-content h2.title {
  color: #e1b954;
}

.team-general_affairs #team-training {
  background: #f0dca9;
}

/* medical_cooperation */
.team-medical_cooperation #mv {
  background: #fce7e5;
}

.team-medical_cooperation #mv::before {
  border-bottom: 900px solid #fad6d3;
}

.team-medical_cooperation #mv-title {
  box-shadow: 5px 6px 10px 0px #f4b2bd;
}

.team-medical_cooperation #mv .data {
  border: solid 7px #f2a7b4;
}

.team-medical_cooperation #mv .data .title {
  color: #ef91a1;
}

.team-medical_cooperation #sec01-bg {background-image: url(../images/team/medical_cooperation01.jpg); background-position: center 30%;}
.team-medical_cooperation #sec02-bg {background-image: url(../images/team/medical_cooperation02.jpg); background-position: center 20%;}
.team-medical_cooperation #sec03-bg {background-image: url(../images/team/medical_cooperation03.jpg); background-position: center 20%;}
.team-medical_cooperation #sec04-bg {background-image: url(../images/team/medical_cooperation04.jpg); background-position: center 20%;}
.team-medical_cooperation #sec05-bg {background-image: url(../images/team/medical_cooperation05.jpg); background-position: center 15%;}
.team-medical_cooperation #sec06-bg {background-image: url(../images/team/medical_cooperation06.jpg); background-position: center 25%;}

.team-medical_cooperation #sec04 .text-wrap {
  background: #fef3f2;
}

.team-medical_cooperation #sec05 .text-wrap,
.team-medical_cooperation #sec06 .text-wrap {
  background: #fce7e5;
}

.team-medical_cooperation #team-content h2.title {
  color: #ef91a1;
}

.team-medical_cooperation #team-training {
  background: #f7c8d0;
}

/* medical_technologist */
.team-medical_technologist #mv {
  background: #ebe0e7;
}

.team-medical_technologist #mv::before {
  border-bottom: 900px solid #decbd7;
}

.team-medical_technologist #mv-title {
  box-shadow: 5px 6px 10px 0px #d1b7c8;
}

.team-medical_technologist #mv .data {
  border: solid 7px #cbadc0;
}

.team-medical_technologist #mv .data .title {
  color: #be98b0;
}

.team-medical_technologist #sec01-bg {background-image: url(../images/team/medical_technologist01.jpg); background-position: center top;}
.team-medical_technologist #sec02-bg {background-image: url(../images/team/medical_technologist02.jpg);}
.team-medical_technologist #sec03-bg {background-image: url(../images/team/medical_technologist03.jpg);}
.team-medical_technologist #sec04-bg {background-image: url(../images/team/medical_technologist04.jpg); background-position: center top;}
.team-medical_technologist #sec05-bg {background-image: url(../images/team/medical_technologist05.jpg);}
.team-medical_technologist #sec06-bg {background-image: url(../images/team/medical_technologist06.jpg);}

.team-medical_technologist #sec06-bg {
  background-position: center 30%;
}

.team-medical_technologist #sec04 .text-wrap {
  background: #f5f0f3;
}

.team-medical_technologist #sec05 .text-wrap,
.team-medical_technologist #sec06 .text-wrap {
  background: #ebe0e7;
}

.team-medical_technologist #team-content h2.title {
  color: #be98b0;
}

.team-medical_technologist #team-training {
  background: #decbd7;
}

/* medicalclerk */
.team-medicalclerk #mv {
  background: #ecdcc8;
}

.team-medicalclerk #mv::before {
  border-bottom: 900px solid #dfc5a3;
}

.team-medicalclerk #mv-title {
  box-shadow: 5px 6px 10px 0px #d2ad7c;
}

.team-medicalclerk #mv .data {
  border: solid 7px #cca26c;
}

.team-medicalclerk #mv .data .title {
  color: #bf8b47;
}

.team-medicalclerk #sec01-bg {background-image: url(../images/team/medicalclerk01.jpg); background-position: center 25%;}
.team-medicalclerk #sec02-bg {background-image: url(../images/team/medicalclerk02.jpg); background-position: center 15%;}
.team-medicalclerk #sec03-bg {background-image: url(../images/team/medicalclerk03.jpg); background-position: center 25%;}
.team-medicalclerk #sec04-bg {background-image: url(../images/team/medicalclerk04.jpg); background-position: center 15%;}
.team-medicalclerk #sec05-bg {background-image: url(../images/team/medicalclerk05.jpg);}
.team-medicalclerk #sec06-bg {background-image: url(../images/team/medicalclerk06.jpg);}

.team-medicalclerk #sec04 .text-wrap {
  background: #f5eee3;
}

.team-medicalclerk #sec05 .text-wrap,
.team-medicalclerk #sec06 .text-wrap {
  background: #ecdcc8;
}

.team-medicalclerk #team-content h2.title {
  color: #bf8b47;
}

.team-medicalclerk #team-training {
  background: #dfc5a3;
}

/* nutritionist */
.team-nutritionist #mv {
  background: #ddebbe;
}

.team-nutritionist #mv::before {
  border-bottom: 900px solid #c6de93;
}

.team-nutritionist #mv-title {
  box-shadow: 5px 6px 10px 0px #afd166;
}

.team-nutritionist #mv .data {
  border: solid 7px #a5cb52;
}

.team-nutritionist #mv .data .title {
  color: #8ebe27;
}

.team-nutritionist #sec01-bg {background-image: url(../images/team/nutritionist01.jpg); background-position: center 35%;}
.team-nutritionist #sec02-bg {background-image: url(../images/team/nutritionist02.jpg); background-position: center 30%;}
.team-nutritionist #sec03-bg {background-image: url(../images/team/nutritionist03.jpg); background-position: center 30%;}
.team-nutritionist #sec04-bg {background-image: url(../images/team/nutritionist04.jpg); background-position: center 15%;}
.team-nutritionist #sec05-bg {background-image: url(../images/team/nutritionist05.jpg); background-position: center 40%;}
.team-nutritionist #sec06-bg {background-image: url(../images/team/nutritionist06.jpg); background-position: center 30%;}
.team-nutritionist #sec07-bg {background-image: url(../images/team/nutritionist07.jpg); background-position: center 50%;}
.team-nutritionist #sec08-bg {background-image: url(../images/team/nutritionist08.jpg); background-position: center 30%;}

.team-nutritionist #sec04 .text-wrap {
  background: #eef5df;
}

.team-nutritionist #sec05 .text-wrap,
.team-nutritionist #sec06 .text-wrap {
  background: #ddebbe;
}

.team-nutritionist #team-content h2.title {
  color: #8ebe27;
}

.team-nutritionist #team-content .fukidashi-flow {
  margin-bottom: 30px;
}

.team-nutritionist #team-content .flow li + li {
  margin-top: 30px;
}

.team-nutritionist #team-training {
  background: #c6de93;
}

/* pharmacist */
.team-pharmacist #mv {
  background: #d1eef0;
}

.team-pharmacist #mv::before {
  border-bottom: 900px solid #b2e3e6;
}

.team-pharmacist #mv-title {
  box-shadow: 5px 6px 10px 0px #94d8dd;
}

.team-pharmacist #mv .data {
  border: solid 7px #85d3d8;
}

.team-pharmacist #mv .data .title {
  color: #66c8ce;
}

.team-pharmacist #sec01-bg {background-image: url(../images/team/pharmacist01.jpg);}
.team-pharmacist #sec02-bg {background-image: url(../images/team/pharmacist02.jpg);}
.team-pharmacist #sec03-bg {background-image: url(../images/team/pharmacist03.jpg);}
.team-pharmacist #sec04-bg {background-image: url(../images/team/pharmacist04.jpg);}
.team-pharmacist #sec05-bg {background-image: url(../images/team/pharmacist05.jpg);}
.team-pharmacist #sec06-bg {background-image: url(../images/team/pharmacist06.jpg);}

.team-pharmacist #sec01-bg {
  background-position: center 30%;
}

.team-pharmacist #sec02-bg {
  background-position: center 30%;
}

.team-pharmacist #sec03-bg {
  background-position: center 20%;
}

.team-pharmacist #sec04-bg {
  background-position: center 20%;
}

.team-pharmacist #sec05-bg {
  background-position: center 20%;
}

.team-pharmacist #sec04 .text-wrap {
  background: #e8f7f8;
}

.team-pharmacist #sec05 .text-wrap,
.team-pharmacist #sec06 .text-wrap {
  background: #d1eef0;
}

.team-pharmacist #team-content h2.title {
  color: #66c8ce;
}

.team-pharmacist #team-training {
  background: #b2e3e6;
}

/* radiologist */
.team-radiologist #mv {
  background: #ebe0e7;
}

.team-radiologist #mv::before {
  border-bottom: 900px solid #decbd7;
}

.team-radiologist #mv-title {
  box-shadow: 5px 6px 10px 0px #d1b7c8;
}

.team-radiologist #mv .data {
  border: solid 7px #cbadc0;
}

.team-radiologist #mv .data .title {
  color: #be98b0;
}

.team-radiologist #sec01-bg {background-image: url(../images/team/radiologist01.jpg); background-position: center 30%;}
.team-radiologist #sec02-bg {background-image: url(../images/team/radiologist02.jpg); background-position: center 5%;;}
.team-radiologist #sec03-bg {background-image: url(../images/team/radiologist03.jpg); background-position: center 40%;}
.team-radiologist #sec04-bg {background-image: url(../images/team/radiologist04.jpg); background-position: center 35%;}
.team-radiologist #sec05-bg {background-image: url(../images/team/radiologist05.jpg); background-position: center 40%;}
.team-radiologist #sec06-bg {background-image: url(../images/team/radiologist06.jpg);}

.team-radiologist #sec06-bg {
  background-position: 0 20%;
}

.team-radiologist #sec04 .text-wrap {
  background: #f5f0f3;
}

.team-radiologist #sec05 .text-wrap,
.team-radiologist #sec06 .text-wrap {
  background: #ebe0e7;
}

.team-radiologist #team-content h2.title {
  color: #be98b0;
}

.team-radiologist #team-training {
  background: #decbd7;
}

/***********************************
.team-nurse 看護部
************************************/

.team-nurse #mv {
  background: #fce3e0;
}

.team-nurse #mv::before {
  border-bottom: 900px solid #f9cfca;
}

.team-nurse #mv-title {
  box-shadow: 5px 6px 10px 0px #f6b8b4;
}

.team-nurse #mv .data {
  border: solid 7px #f4aeaa;
}

.team-nurse #mv .data .title {
  color: #f19795;
}

.team-nurse .local-nav {
  background: #fff;
  position: relative;
  z-index: 2;
}

.team-nurse .local-nav .inner {
  padding: 30px 0 60px;
}

.team-nurse .local-nav li {
  position: relative;
}

.team-nurse .local-nav a {
  color: #ff875f;
  padding-left: 60px;
}

.team-nurse .local-nav li i,
#about .local-nav li i,
#report .local-nav li i {
  height: 55px;
  font-size: 34px;
  font-weight: 900;
  color: #ff875f;
  font-style: normal;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: -22px;
  margin: auto;
}

.team-nurse .local-nav li + li,
#about .local-nav li + li,
#report .local-nav li + li {
  margin-top: 25px;
}

.team-nurse .local-nav li:last-child,
#about .local-nav li:last-child,
#report .local-nav li:last-child {
  margin-top: 35px;
}

.team-nurse .local-nav li i::before,
#about .local-nav li i::before,
#report .local-nav li i::before {
  content: "";
  background: url(../images/common/icon-book.png) no-repeat center / contain;
  width: 70px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.team-nurse .local-nav li:last-child a::before,
#about .local-nav li:last-child a::before,
#report .local-nav li:last-child a::before {
  content:"";
  background: url(../images/team/nurse/icon-search.png) no-repeat center / contain;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 30px;
  bottom: -22px;
}

.team-nurse .local-nav li:last-child::before,
#about .local-nav li:last-child::before,
#report .local-nav li:last-child::before {
  content: "";
  background: #5b3f00;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -15px;
  left: 7px;
  border-radius: 50%;
}

.team-nurse .local-nav li:last-child::after,
#about .local-nav li:last-child::after,
#report .local-nav li:last-child::after {
  content: "ふろく";
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 3px;
  left: 17px;
}

#about .local-nav li:last-child::before,
#about .local-nav li:last-child a::before,
#about .local-nav li:last-child::after {
  content: none;
}

.box {
  margin-top: 20px;
  padding: 20px 15px 20px;
  position: relative;
}

.box.bg-wht {
  margin-top: 10px;
  text-align: center;
}

.box.bg-wht .accordion-heading {
  text-align: left;
}

.box.bg-wht .accordion-inner {
  margin-top: 15px;
}

.box.mt30 {
  margin-top: 20px !important;
}

.box p:not(.indent) {
  text-align: center;
}

.box .num p {
  text-align: left;
}

.box span.outline {
  display: block;
}

.team-nurse-top section .inner {
  position: relative;
  z-index: 2;
}

.team-nurse-top section .pcLeft {
  text-align: center;
}

.team-nurse-top section .pcRight {
  margin-top: 10px;
}

.team-nurse-top #sec-message .pcRight p + p {
  line-height: 1.6;
  padding-left: calc( 55% - 30px );
  margin-top: 1em;
}

.team-nurse-top #sec-message .pcRight #message-people02 p + p {
  padding-left: 0;
  padding-right: calc( 55% - 30px );
}

.team-nurse-top section .pcRight .num p + p {
  margin-top: 0;
}

.team-nurse-top section .pcRight p.mb20 + .num {
  margin-top: 10px;
}

.team-nurse-top section .pcLeft .title-tl,
#about section .pcLeft .title-tl {
  font-size: 21px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 2px;
  display: block;
}

.team-nurse-top section .pcLeft i,
#about section .pcLeft i {
  font-size: 34px;
  position: absolute;
  left: 0;
  font-style: normal;
}

.team-nurse-top section .pcLeft .sticky,
#about section .pcLeft .sticky {
  text-align: center;
}

.team-nurse-top section .pcLeft i::before,
#about section .pcLeft i::before {
  content: "";
  background: url(../images/common/icon-book.png) no-repeat center / contain;
  width: 70px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

#bg-flower {
  background: url(../images/team/nurse/bg-flower.png) no-repeat center / contain;
  opacity: 0;
  width: 100%;
  height: 500px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  background: none;
}

#bg-flower.is-active {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.team-nurse-top section {
  position: relative;
}

.team-nurse-top section .outline {
  font-size: 20px;
}

#sec-philosophy .inner {
  padding: 30px 0;
}

.num {
  padding-left: 40px;
  position: relative;
}

.num i {
  background: #f19795;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  position: absolute;
  left: 0;
}

.num .fz24 {
  line-height: 1.8;
  font-size: 16px;
}

#sec-philosophy .pcRight .colum2 li + li {
  margin-top: 10px;
}

.num-underbar {
  width: 34px;
  font-size: 27px;
  text-align: center;
  line-height: 1;
  padding-bottom: 10px;
  margin: 0 auto 15px;
  border-bottom: solid 1px #5a3f00;
  display: block;
}

#sec-message .inner {
  padding: 30px 0;
}

#sec-message .lead-wrap {
  position: relative;
  margin: 10px 0;
}

#sec-message .lead-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
}

#sec-message .lead-wrap#message-people02 img {
  left: auto;
  right: 0;
}

#sec-message .lead-wrap + p {
  background: #fff;
  position: relative;
  padding-top: 15px;
}

#sec-message .lead-txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  /* border-bottom: dashed 1px; */
  display: inline-block;
  padding-left: calc( 55% - 30px );
}

#sec-message .lead-wrap#message-people02 .lead-txt {
  padding-left: 0;
  padding-right: calc( 55% - 30px );
}

#sec-message .name span {
  font-size: 17px;
}

#sec-message .pcRight .box.bg-pnk15 {
  margin: 20px 0;
  padding: 20px 0;
}

#sec-system .inner {
  padding: 30px 0 40px;
}

#sec-philosophy .fz48,
#sec-system .fz48,
#sec-story .fz48,
#sec-reason .fz48,
#sec-future .fz48,
#sec-education .fz45 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: .5em;
  text-align: center;
}

#sec-system .fz24 {
  font-size: 15px;
  line-height: 1.5;
  padding-top: 15px;
  display: block;
}

#sec-system .fukidashi,
#sec-education .fukidashi {
  background: url(../images/plan/fukidashi-title.png) no-repeat center / contain;
  padding-top: 46%;
  margin: 20px auto 0;
  width: 70%;
  position: relative;
}

#sec-system .fukidashi p,
#sec-education .fukidashi p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-45%) translateX(-50%);
  -webkit- transform: translateY(-45%) translateX(-50%);
  width: 70%;
}

#sec-system .btn.book,
#sec-education .btn.book {
  width: 100%;
  margin-top: 15px;
  position: relative;
}

#sec-system .btn.book + .btn.book,
#sec-education .btn.book + .btn.book {
  margin-top: 40px;
}

#sec-system .btn.book a,
#sec-education .btn.book a {
  text-align: left;
  padding: 16px 20px;
}

#sec-system .btn.book i::after,
#sec-education .btn.book i::after {
  content: "";
  background: url(../images/common/icon-book.png) no-repeat center / contain;
  width: 70px;
  height: 30px;
  position: absolute;
  bottom: -20px;
  right: 0;
}

#sec-system .btn.book .arrow::before,
#sec-education .btn.book .arrow::before {
  content: "";
  background: #ff875f;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 1;
}

#sec-system .btn.book .arrow::after,
#sec-education .btn.book .arrow::after {
  background: url(../images/common/arrow-wht.png) no-repeat center / contain;
  width: 15px;
  height: 15px;
  right: 27px;
  top: 26px;
  z-index: 2;
}

#sec-system #bg-clock {
  background: url(../images/team/nurse/bg-clock01.png) no-repeat center / contain;
  width: 400px;
  height: 390px;
  display: block;
  position: fixed;
  bottom: 0;
  /*left: -400px;*/
  left: 0;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  display: none;
}

#sec-system #bg-clock.is-active {
  opacity: 1;
}

#sec-system #bg-clock .clock-hands {
  background: url(../images/team/nurse/bg-clock02.png) no-repeat center / contain;
  width: 270px;
  height: 270px;
  position: absolute;
  right: 17px;
  top: 18px;
  webkit-animation: rotate-anime 40s linear infinite;
  animation: rotate-anime 40s linear infinite;
}

@-webkit-keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

#sec-education .inner {
  padding: 30px 0;
}

#sec-education .box {
  position: relative;
}

#sec-education .box .accordion-heading {
  position: relative;
}

#sec-education .box .accordion-icon {
  right: 10px;
}

#sec-education .box .accordion-icon span {
  background: #f19795;
}

#sec-education .box .num i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#sec-education .box.mt100 {
  margin-top: 40px;
}

#sec-education .box p:not(.indent) {
  text-align: left;
}

#sec-education .box table {
  line-height: 1.8;
  margin-top: 10px;
}

#sec-education .box th {
  font-size: 18px;
  display: block;
  font-weight: 500;
  text-align: left;
  color: #f19795;
  position: relative;
}

#sec-education .box td {
  font-weight: 500;
  text-align: left;
  display: block;
}

#sec-education .mt30 {
  margin: 20px 0 10px;
}

#sec-education #bg-education {
  background: url(../images/team/nurse/bg-education.jpg) no-repeat center / cover;
  width: 100%;
  padding-top: 76%;
  margin-top: -70px;
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s;
  display: none;
}

#sec-education #bg-education.is-active {
  opacity: 1;
}

#sec-education #bg-education .outline {
  font-size: 42px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
}

#sec-gallery {
  padding: 70px 0 25%;
}

#sec-gallery h2.title {
  width: 350px;
  font-size: 21px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
  margin: 10px auto;
  position: relative;
}

#sec-gallery h2.title::before {
  content: "";
  background: url(../images/team/nurse/icon-search.png) no-repeat center / contain;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 1;
}

.team-nurse-top .fukidashi-kumo,
#report .fukidashi-kumo {
  background: url(../images/common/fukidashi-kumo.png) no-repeat center / contain;
  width: 150px;
  height: 95px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}

.team-nurse-top .fukidashi-kumo p,
#report .fukidashi-kumo p {
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  position: absolute;
  top: 23%;
  right: 0;
  left: 0;
}

.gallery li {
  width: 100%;
  height: 60vw;
  background-position: center;
  background-size: cover;
}

.gallery-thumb-wrap {
  padding: 10px 10%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gallery-thumb li {
  padding: 10px;
}

.gallery-thumb .slick-arrow {
  border: none;
  background: transparent;
  height: 100%;
  width: 10%;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -10.5%;
  z-index: 1;
}

.gallery-thumb .slick-arrow:before {
  content: '';
  display: block;
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}

.gallery-thumb .slick-next {
  position: absolute;
  top: 0;
  left: auto;
  right: -10.5%;
}

.gallery-thumb .slick-next:before {
  border: none;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}

.slick-counter {
  display: none;
}

.team-nurse-top #team-training.bg-pnk50 {
  background: #f9cfca;
  padding-top: 10px;
}

.team-nurse-top #team-training .people-warp {
  margin-top: 0;
}

/***********************************
.team-nurse-flow 看護部の一日
************************************/

.team-nurse-flow.team-detail #mv {
}

.team-nurse-flow.team-detail #mv::before {
  content: none;
}

.team-nurse-flow #sec01 .text-wrap,
.team-nurse-flow #sec02 .text-wrap,
.team-nurse-flow #sec03 .text-wrap,
.team-nurse-flow #sec07 .text-wrap,
.team-nurse-flow #sec08 .text-wrap,
.team-nurse-flow #sec09 .text-wrap,
.team-nurse-flow #sec10 .text-wrap,
.team-nurse-flow #sec11 .text-wrap {
  background: #fce3e0;
}

.team-nurse-flow #sec04 .text-wrap,
.team-nurse-flow #sec05 .text-wrap,
.team-nurse-flow #sec06 .text-wrap {
  background: #fef2f0;
}

.team-nurse-flow #mv .inner {
  padding-bottom: 30px;
}

.team-nurse-flow .text-wrap-inner .btn {
}

.team-nurse-flow .text-wrap-inner .btn a {
  padding: 10px 0;
}

.team-nurse-flow #sec01-bg {background-image: url(../images/team/nurse/flow01.jpg); background-position: center 10%;}
.team-nurse-flow #sec02-bg {background-image: url(../images/team/nurse/flow02.jpg); background-position: center 35%;}
.team-nurse-flow #sec03-bg {background-image: url(../images/team/nurse/flow03.jpg);}
.team-nurse-flow #sec04-bg {background-image: url(../images/team/nurse/flow04.jpg); background-position: center 20%;}
.team-nurse-flow #sec05-bg {background-image: url(../images/team/nurse/flow05.jpg); background-position: center 35%;}
.team-nurse-flow #sec06-bg {background-image: url(../images/team/nurse/flow06.jpg); background-position: center 30%;}
.team-nurse-flow #sec07-bg {background-image: url(../images/team/nurse/flow07.jpg); background-position: center 25%;}
.team-nurse-flow #sec08-bg {background-image: url(../images/team/nurse/flow08.jpg); background-position: center 35%;}
.team-nurse-flow #sec09-bg {background-image: url(../images/team/nurse/flow09.jpg); background-position: center 20%;}
.team-nurse-flow #sec10-bg {background-image: url(../images/team/nurse/flow10.jpg); background-position: center 10%;}
.team-nurse-flow #sec11-bg {background-image: url(../images/team/nurse/flow11.jpg); background-position: center 30%;}
.team-nurse-flow #sec12-bg {background-image: url(../images/team/nurse/flow12.jpg);}

.team-nurse-flow .flow.fin + p {
  background: #fce3e0;
  position: relative;
  padding: 20px 0;
  margin-top: 30px;
}

.team-nurse-flow .flow.fin + .btn {
  margin-top: 30px;
}

/*============================================================
#about 5分で解説
============================================================*/

#about #mv {
  background: #ffb796;
  margin-top: 95px;
  position: relative;
  z-index: 2;
}

#about #mv::before {
  content: "";
  background: #fff;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  z-index: -1;
}

#about #mv .inner {
  padding: 0px 0 30px;
}

#about #mv-title {
  background: #fff2ec;
  width: 90%;
  line-height: 1.2;
  text-align: center;
  font-weight: 900;
  transform: rotate(-3deg);
  padding: 38px 0 10px;
  margin: 0 auto;
  box-shadow: 5px 6px 15px 0px #ffa378;
}

#about #mv-title .fukidashi {
  background: url(../images/common/fukidashi-kumo-sp.png) no-repeat center / contain;
  display: block;
  font-size: 14px;
  padding: 15px 10px 15px;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
}

#about #mv-title .outline {
  font-size: 60px;
  color: #ff7d40;
  margin-right: 5px;
}

#about #mv-title .txt-wrap {
  width: 210px;
  margin: 0 auto;
}

#about #mv-title .pcLeft {
  float: left;
}

#about #mv-title .pcRight {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.4;
}

.local-nav {
  position: relative;
  z-index: 2;
}

#about .local-nav {
  background: #ffb796;
  padding-bottom: 20px;
}

.local-nav .inner {
  padding: 10px 0 30px;
}

.local-nav li {
  position: relative;
}

.local-nav a {
  color: #ff875f;
  padding-left: 60px;
}

.local-nav li i {
  height: 65px;
  font-size: 55px;
  font-weight: 900;
  color: #ff875f;
  font-style: normal;
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.local-nav li i::before {
  content: "";
  background: url(../images/common/icon-book.png) no-repeat center / contain;
  width: 110px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: -25px;
  left: -20px;
}

.local-nav li:last-child::before {
  content: "";
  background: #5b3f00;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -15px;
  left: -10px;
  border-radius: 50%;
}

.local-nav li:last-child a::before {
  content: "";
  background: url(../images/team/nurse/icon-search.png) no-repeat center / contain;
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  left: 15px;
  bottom: -35px;
}

.local-nav li:last-child::after {
  content: "ふろく";
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 6px;
  left: 4px;
}

#about section {
  position: relative;
}

#about section .inner {
  position: relative;
  z-index: 2;
}

#about section .pcLeft {
  text-align: center;
}

#about section .pcRight {
}

.sticky {
  display: inline-block;
  position: relative;
  padding-left: 70px;
  margin-bottom: 10px;
}

#about #sec-activities .pcRight .outline {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.title-tl {
  font-size: 45px;
  font-weight: 500;
  line-height: 1.4;
}

#sec-story .inner {
  padding: 30px 0;
}

#sec-story .title,
#sec-reason .title,
#sec-future .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  margin: 30px 0 20px;
}


#bg-story {
  background: url(../images/about/story-bg034.jpg) no-repeat center bottom / cover;
  opacity: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /*-webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);*/
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#bg-story.is-active {
  opacity: 1;
  /*-webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;*/
}

#bg-story.is-active2 {
  background: url(../images/about/story-bg023.jpg) no-repeat center bottom / cover;
  opacity: 1;
  /* -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;*/
}

#sec-reason {
  background: #ffe5d9;
  position: relative;
}

#sec-reason .inner {
  padding: 30px 0;
}

#sec-reason #bg-reason + .outline {
  font-size: 80px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: auto;
}

#sec-future .inner {
}

#sec-activities .inner {
}

#sec-future .inner,
#sec-activities .inner {
  padding: 30px 0;
}

#sec-activities {
  background: #ffe5d9;
}

#sec-activities .pcRight {
}

#sec-activities .activities-list li {
  padding: 20px;
  border: solid 1px #5b3f00;
  margin-top: 15px;
}

#sec-activities .activities-list li:nth-child(odd) {
  background: #ffbda7;
}

#sec-activities .activities-list li:nth-child(odd) .label-title,
#sec-activities .activities-list li:nth-child(even) {
  background: #fff;
}

#sec-activities .activities-list li:nth-child(odd) .label-title.bg-org {
  background: #ff875f;
}

#sec-activities .activities-list li a {
  display: block;
  text-align: center;
}

#sec-activities .activities-list li .title {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  margin: 5px 0;
}

#sec-activities .activities-list-area7 .blank::after {
  top: 25px;
}

#sec-tour {
  background: #ff7d40;
}

#sec-tour .inner {
  padding: 70px 0 30px;
}

#sec-tour .fukidashi-kumo {
  background: url(../images/common/fukidashi-kumo.png) no-repeat center / contain;
  width: 150px;
  height: 95px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}

#sec-tour .fukidashi-kumo p {
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  position: absolute;
  top: 23%;
  right: 0;
  left: 0;
}

#sec-tour .title {
  font-size: 25px;
  font-weight: 900;
  text-align: center;
  color: #fff;
}

#tour-map {
  width: 100%;
  height: 240px;
  margin: 20px auto 0;
}

#tour-map iframe {
  width: 100%;
  height: 240px;
}

#sec-statistics {
  background: #fff;
}

#sec-statistics .inner {
  padding: 30px 0 60px;
}

#sec-statistics .pcRight {
}

#chart-area .outline {
  font-size: 23px;
  margin-top: 5px;
}

#chart-wrap li {
  vertical-align: top;
  margin-top: 30px;
  position: relative;
}

#chart01-data {
  width: 100% !important;
  height: auto !important;
  position: relative;
  left: -5px;
}

#js-data05 li:last-child {
  margin-top: 10px;
}

#chart11::before {
  content: "";
  background: url(../images/about/chart10.png) no-repeat center / contain;
  width: 130px;
  height: 130px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  z-index: 2;
  transform: translate(-50%, -50%);
}

#chart01-title {
  background: url(../images/about/chart01-title.png) no-repeat center / contain;
  width: 130px;
  height: 130px;
  margin: auto;
  position: absolute;
  top: calc( 50% - 2.5em );
  left: 50%;
  transform: translate(-50%, -50%);
}

#chart-wrap li .outline span {
  font-size: 37px;
  margin-right: 10px;
}

#chart02,
#chart03,
#chart05,
#chart06,
#chart07,
#chart10 {
  padding-top: 90px;
  position: relative;
}

#chart01 {
  margin-top: -30px;
}

#chart02 {
  width: 48%;
  float: left;
}

#chart02::before,
#chart03::before,
#chart05::before,
#chart06::before,
#chart07::before,
#chart08::before,
#chart09::before,
#chart10::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#chart02::before {
  background: url(../images/about/chart02.png) no-repeat center / contain;
  width: 60px;
  height: 80px;
}

#chart02-data {
  width: 100% !important;
  height: auto !important;
  position: relative;
  left: -5px;
}

#chart02-title {
  background: url(../images/about/chart02-title.png) no-repeat center / contain;
  width: 130px;
  height: 130px;
  margin: auto;
  position: absolute;
  top: calc( 50% - 2.5em );
  left: 50%;
  transform: translate(-50%, -50%);
}

#chart03 {
  width: 48%;
  float: right;
}

#chart03::before {
  background: url(../images/about/chart03.png) no-repeat center / contain;
  width: 105px;
  height: 84px;
}

#chart04 {
  margin-top: 10px;
}

#chart04 img {
  width: 350px;
  margin: 0 auto;
  display: block;
}

#js-data02,
#js-data03 {
  overflow: hidden;
}

#js-data02 li:nth-child(2) {
  width: 48%;
  float: left;
}

#js-data02 li:nth-child(3) {
  width: 48%;
  float: right;
}

#js-data03 li:nth-child(2) {
  width: 48%;
  float: left;
}

#js-data03 li:nth-child(3) {
  width: 48%;
  float: right;
}

#chart05::before {
  background: url(../images/about/chart04.png) no-repeat center / contain;
  width: 73px;
  height: 80px;
}

#chart06::before {
  background: url(../images/about/chart05.png) no-repeat center / contain;
  width: 91px;
  height: 80px;
}

#chart07::before {
  background: url(../images/about/chart06.png) no-repeat center / contain;
  width: 87px;
  height: 80px;
}

#chart08 {
  padding-top: 80px;
  position: relative;
}

#chart08::before {
  background: url(../images/about/chart07.png) no-repeat center / contain;
  width: 130px;
  height: 70px;
}

#chart09 {
  padding-top: 75px;
  position: relative;
}

#chart09::before {
  background: url(../images/about/chart08.png) no-repeat center / contain;
  width: 130px;
  height: 65px;
}

#chart10::before {
  background: url(../images/about/chart09.png) no-repeat center / contain;
  width: 101px;
  height: 80px;
}

#js-data05 #chart10 {
  padding-top: 0;
}

#chart10 br,
#js-data05 #chart10::before {
  display: none;
}

.fadeIn {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.fadeIn.is-active {
  opacity: 1;
}

#chart01 .chart-data {
  opacity: 0;
}

.chart-data {
  font-size: 21px;
  font-weight: 900;
  line-height: 1.3;
}

.chart-data.is-active i {
  display: block;
  opacity: 1 !important;
}

.chart-data i:nth-child(1) {
   width: 42%;
  margin: auto;
  display: block;
}

.chart-data i:nth-child(1) img {
}

.chart-data i:nth-child(2) {
  width: 50px;
  position: relative;
  left: 20%;
  margin-top: -10px;
}

.chart-data i:nth-child(3) {
  width: 50px;
  position: absolute;
  top: 14%;
  right: 16%;
}

.chart-data i:nth-child(2) img,
.chart-data i:nth-child(3) img {
  width: 50px;
}

.chart-data + canvas {
  margin-top: -80px;
}

.data01-01 {
  position: absolute;
  left: 8%;
  top: calc( 50% - 1em );
  transform: translateY(-50%);
}

.data01-02 {
  position: absolute;
  right: 8%;
  top: calc( 50% - 1em );
  transform: translateY(-50%);
}

.data02-01 {
  position: absolute;
  top: -8%;
  right: 25%;
}

.data02-02 {
  position: absolute;
  right: 13%;
  top: 45%;
}

.data02-03 {
  position: absolute;
  left: 14%;
  top: 48%;
}

.data02-04 {
  position: absolute;
  left: 16%;
  top: 3%;
}

.data02-05 {
  position: absolute;
  left: 34%;
  top: -13%;
}

#js-data04 {
  position: relative;
}

#js-data04::before {
  content: "";
  background: url(../images/about/chart12.png) no-repeat center / contain;
  width: 70px;
  height: 70px;
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  margin: auto;
  z-index: 2;
}

#js-data04 .left,
#js-data04 .right {
  position: relative;
}

#chart12 .title {
  padding-left: 75px;
}

#js-data04 .chart-wrap {
  width: 340px;
  margin: 20px auto 0;
}

#js-data04 .chart-arrow::after {
  content: "";
  background: url(../images/about/chart-arrow.png) no-repeat center / contain;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -40px;
  top: 35px;
}

.brn25 {
  font-size: 14px !important;
  font-weight: 400 !important;
  text-shadow: none;
  color: #5b3f00;
}

#sec-reason #bg-reason {
  width: 1000px;
  height: 1200px;
  display: block;
  margin: auto;
  position: fixed;
  bottom: 0;
  /*left: -400px;*/
  left: 0;
  right: 0;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  display: none;
}

#sec-reason #bg-reason.is-active {
  opacity: 1;
}

#reason-bg01 {
  background-image: url(../images/about/reason-bg01.png);
  width: 1000px;
  height: 1200px;
  position: absolute;
}

#reason-bg02 {
  background-image: url(../images/about/reason-bg02.png);
  width: 1000px;
  height: 1200px;
  position: absolute;
}

#sec-future #bg-future {
  width: 100%;
  height: 1000px;
  display: block;
  margin: auto;
  position: fixed;
  bottom: 0;
  /*left: -400px;*/
  left: 0;
  right: 0;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  display: none;
}
/*
#sec-future #bg-future::after {
  content: "";
  background: rgba(255, 216, 198, 1);
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
*/
#sec-future #bg-future.is-active {
  opacity: 1;
}

#future-bg01 {
  background-image: url(../images/about/future-bg01.png);
  width: 100%;
  height: 100vh;
  position: absolute;
}

#future-bg02 {
  background-image: url(../images/about/future-bg02.png);
  width: 100%;
  height: 100vh;
  position: absolute;
}

.fancybox-bg {
  background: #ff7d40 !important;
  opacity: 1 !important;
}

.fancybox-button--fullscreen,
.fancybox-button--share,
.fancybox-button--play,
.fancybox-button--thumbs {
  display: none !important;
}

body#modal {
  background: #ff7d40;
  width: 60%;
  margin: 0 auto;
  min-width: unset;
}

#modal #wrapper {
  background: #ff7d40;
}

.modal_wrap {
  background: #fff;
  border-radius: 30px;
  padding: 30px;
  position: relative;
}

.modal_wrap .title {
  font-size: 20px;
  margin: 20px 0 10px;
}


/*============================================================
#news 採用ニュース
============================================================*/
#news #mv {
  background: #ffe5d9;
  margin-top: 95px;
  position: relative;
  z-index: 2;
}

#news #mv .inner {
}

#news #mv-title {
  background: #fff;
  width: 90%;
  line-height: 1.2;
  text-align: center;
  font-weight: 900;
  transform: rotate(-3deg);
  padding: 42px 0 15px;
  margin: 0 auto;
  box-shadow: 5px 6px 10px 0px #ffa378;
}

#news #mv-title .fukidashi {
  background: url(../images/common/fukidashi-kumo-sp.png) no-repeat center / contain;
  display: block;
  font-size: 14px;
  padding: 15px 10px 15px;
  margin-bottom: 5px;
  line-height: 1.5;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
}

#news #mv-title .outline {
  font-size: 35px;
}

#news main {
  background: #ffe5d9;
  padding-bottom: 30px;
}

#news main .tab-cont {
  width: 90%;
  padding-top: 15px;
  margin: -20px auto 0;
}

#news main .pcLeft {
  background: #fff;
  padding: 0 0 20px;
  margin-top: 70px;
}

#news main .pcRight {
}

#news main .pcLeft #tab {
  top: -44px;
  left: 0;
}

#news main .newsTitle {
  font-size: 18px;
}

#news main .pageHead {
  margin-bottom: 15px;
}

#news main .txtWrap {
  padding-bottom: 60px;
  margin-bottom: 30px;
  position: relative;
}

#news main .txtWrap::after {
  content: "";
  background: url(../images/news/news-separat.png) no-repeat center / contain;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  display: block;
}

#pager {
  padding: 0 75px 30px;
  margin: 10px auto 0;
  overflow: hidden;
  clear: both;
  position: relative;
}

#pager #prev {
  width: 40px;
  height: 40px;
  float: left;
  cursor: pointer;
}

#pager #next {
  width: 40px;
  height: 40px;
  float: right;
  cursor: pointer;
}

#pager #prev a {
  background: url(../images/news/prev_off.png) no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  float: none;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#pager #next a {
  background: url(../images/news/next_off.png) no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  float: none;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*#pager #prev a:hover {
  background: url(../images/news/prev_on.png) no-repeat;
  background-size: cover;
  width: 70px;
  height: 23px;
  float: none;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#pager #next a:hover  {
  background: url(../images/news/next_on.png) no-repeat;
  background-size: cover;
  width: 70px;
  height: 23px;
  float: none;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}*/

#pager #prev a {
  float: left;
  margin: 0;
  cursor: pointer;
}

#pager #next a {
  float: right;
  margin: 0;
  cursor: pointer;
}

#sidebar h3 {
  background: #ff9977;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin: 30px 0 10px;
  border-radius: 20px;
}

#sidebar .banner {
  width: 70%;
  margin: 30px auto;
}

#sidebar .banner a {
  display: block;
}

#sidebar ul li {
  padding-bottom: 15px;
  border-bottom: dashed 1px #ff875f;
}

#sidebar ul li + li {
  margin-top: 20px;
}

#news .recruitment-list li {
  padding-bottom: 15px;
  border-bottom: dashed 1px #ff875f;
}

#news .recruitment-list li + li {
  margin-top: 20px;
}

/*============================================================
#qa Q&A
============================================================*/
#mv.noimg {
  background: #ffe5d9;
  width: 100%;
  margin-top: 95px;
  position: relative;
}

#mv.noimg + section,
#mv.noimg + div {
  background: #ffe5d9;
}

#mv.noimg .inner {
}

#mv.noimg #mv-title {
  background: #fff;
  width: 90%;
  line-height: 1.2;
  text-align: center;
  font-weight: 900;
  transform: rotate(-3deg);
  padding: 42px 0 15px;
  margin: 0 auto;
  box-shadow: 5px 6px 10px 0px #ffa378;
}

#mv.noimg #mv-title .fukidashi {
  background: url(../images/common/fukidashi-kumo-sp.png) no-repeat center / contain;
  display: block;
  font-size: 14px;
  padding: 15px 10px 15px;
  margin-bottom: 5px;
  line-height: 1.5;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
}

#mv.noimg #mv-title .outline {
  font-size: 35px;
  color: #fff;
  text-align: center;
  position: relative;
}

#mv.noimg #mv-title .outline.line2 {
  font-size: 25px;
  line-height: 1.2;
  padding-top: 0;
  margin-left: -32px;
}

#qa #mv.noimg + section {
  padding: 30px 0 35%;
}

#qa .footimg {
  background: url(../images/qa/footimg.jpg) no-repeat center / cover;
}

#qa-list .inner {
}

#qa-list .box {
  padding-right: 50px;
}

#qa-list .box i {
  font-size: 27px;
  position: absolute;
  left: 0;
  top: -2px;
}

#qa-list .box .accordion-heading {
  line-height: 1.5;
  color: #ff875f;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
}

#qa-list .box .accordion-heading .outline {
  text-shadow: #ff875f 1px 1px 0px, #ff875f -1px 1px 0px, #ff875f 1px -1px 0px, #ff875f -1px -1px 0px;
}

#qa-list .box .accordion-icon {
  right: -30px;
}

#qa-list .box .accordion-icon span {
  background: #ff875f;
}

#qa-list .box .accordion-inner {
  margin-top: 20px;
}

#qa-list .box .accordion-inner p {
  padding-left: 35px;
  text-align: left;
  position: relative;
}

.fukidashi-l {
  background: url(../images/plan/fukidashi-title.png) no-repeat center / contain;
  width: 75%;
  padding-top: 46%;
  margin: 0 auto;
  position: relative;
}

.fukidashi-l p {
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateY(-45%) translateX(-50%);
  -webkit- transform: translateY(-45%) translateX(-50%);
  width: 70%;
}

.fukidashi-l div.center {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.fukidashi-l .arrow {
  font-weight: 500;
  position: relative;
}

@media screen and (max-width:320px) {
  .fukidashi-l .arrow {
    font-size: 14px;
  }
}

.fukidashi-l .arrow::after {
  right: -20px;
}

#qa .fukidashi-l {
  position: absolute;
  top: -50%;
  left: 0;
  right: 0;
}

/*============================================================
.recruitForm お問い合わせ・病院見学 ＆ エントリーフォーム　共通
============================================================*/

.recruitForm #mv.noimg #mv-title .outline.line2,
#career #mv.noimg #mv-title .outline.line2 {
  margin-left: 0;
}

#entry #mv.noimg #mv-title .outline span {
  text-shadow: none;
}

.recruitForm .indent {
  padding-left: 1em;
  text-indent: -1em;
  display: inline-block;
  line-height: 25px;
  font-size: 12px;
}

.recruitForm #mv {
  margin-top: 95px;
}

.recruitForm #mv .title {
  font-size: 27px;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 15px;
}

.recruitForm .lead {
  padding-top: 30px;
}

.recruitForm #contactTel {
  margin: 15px 0 0;
}

.recruitForm #contactTel p {
  line-height: 1.5;
}

#contactTel .no {
  font-size: 23px;
  font-weight: 500;
}

.recruitForm #notice {
  text-align: left;
  margin: 15px auto 0;
}

.recruitForm #notice a {
  padding-right: 25px;
  float: right;
  position: relative;
}

.recruitForm #notice .arrow::after {
  right: 0;
}

.recruitForm #notice a.link {
  background: url(../../images/common/link_off.png) no-repeat right center;
  background-size: 26px 24px;
  height: 24px;
  line-height: 1.5;
  padding: 0 33px 0 0;
  display: inline-block;
  margin: 10px 0 15px;
  transition: none;
  transform: rotate(0.001deg);
}

.recruitForm .caution {
  background: #ffe9aa;
  width: 150px;
  text-align: center;
  font-weight: 500;
  clear: both;
}

.recruitForm #contactList .fukidashi {
  width: 100%;
  height: auto;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  padding: 15px 10px;
  border-radius: 10px;
  margin: 20px auto;
  position: relative;
  background: #ff905d;
  color: #fff;
}

.recruitForm #contactList .fukidashi::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -18px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 19px 19px 0 19px;
  z-index: 0;
}

.recruitForm #mv-title .fukidashi::before {
  display: none;
}

.recruitForm .fukidashi::before {
  border-color: #ff905d transparent transparent transparent;
}

.recruitForm .box {
  background: #fce8d5;
  padding: 15px;
  border-radius: 10px;
}

.recruitForm .box table {
  margin-top: 0 !important;
  font-size: 16px;
  width: 100%;
}

.recruitForm .box table th {
  display: block;
  background: #ff905d !important;
  color: #fff !important;
  text-align: center !important;
  padding: 5px 0 !important;
  line-height: 1.5 !important;
  border-top: solid 15px #fce8d5;
  font-size: 16px;
}

.recruitForm .box table th:first-child {
  border-top: none;
}

.recruitForm .box table td {
  display: block;
  padding: 15px 0px 15px;
  font-weight: normal;
}

.recruitForm input[type="text"],
.recruitForm input[type="tel"],
.recruitForm input[type="email"],
.recruitForm input[type="number"],
.recruitForm .textarea,
.recruitForm select#type,
.recruitForm select#saiyo,
.recruitForm select#syokusyu,
.recruitForm select#genzai,
.recruitForm select.time,
.recruitForm select.month,
.recruitForm select.day {
  display: inline-block;
  padding: 5px 15px;
  border: none;
  color: #5b3f00;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  background-color: #fff;
  width: 100%;
}

.recruitForm #age,
.recruitForm #keiken,
.recruitForm #gakureki_year {
  width: 110px;
  margin-right: .5em;
}

.recruitForm #zip {
  width: 120px;
  margin-left: .5em;
}

.recruitForm .textarea {
  height: 200px;
  overflow: auto;
  border-radius: 10px;
}

.recruitForm .txtCome {
  font-size: 13px;
  margin: 10px 0 0 !important;
  line-height: 20px;
  display: inline-block;
}

.recruitForm select#type {
  background: url(../../images/contact/select_arrow.png) no-repeat right 10px center #fff;
  background-size: 16px 10px;
  width: 100%;
  z-index: 15;
  cursor: pointer;
  text-indent: .01px;
  text-overflow: "";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dayheading {
  display: block;
}

.recruitForm select.month,
.recruitForm select.day {
  background: url(../../images/contact/select_arrow.png) no-repeat right 10px center #fff;
  background-size: 16px 10px;
  z-index: 15;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: "";
  appearance: none;
  width: 30%;
}

.recruitForm select.time {
  background: url(../../images/contact/select_arrow.png) no-repeat right 10px center #fff;
  background-size: 16px 10px;
  z-index: 15;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: "";
  appearance: none;
  width: 36%;
}

.recruitForm select#saiyo,
.recruitForm select#syokusyu,
.recruitForm select#genzai {
  background: url(../../images/contact/select_arrow.png) no-repeat right 10px center #fff;
  background-size: 16px 10px;
  z-index: 15;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: "";
  appearance: none;
}

.recruitForm input[type=radio],
.recruitForm input[type=checkbox] {
  display: none;
  margin: 0;
}

.recruitForm input[type=radio] + label,
.recruitForm input[type=checkbox] + label {
  position: relative;
  display: block;
  padding-left: 29px;
  line-height: 1.5;
  cursor: pointer;
}

.recruitForm input[type=radio] + label::before,
.recruitForm input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 23px;
  height: 23px;
  background-color: white;
  border: 1px solid #000;
  border-radius: 30px;
}

.recruitForm input[type=radio]:checked + label::after,
.recruitForm input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 6px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #5b3f00;
  border-radius: 8px;
}

.btnbox {
  text-align: center;
  padding: 20px 0;
}

.btnbox input.conf,
.btnbox input.send {
  height: 56px;
  display: block;
  margin: 0 auto 10px;
  border: none;
  width: 150px;
  cursor: pointer;
}

.btnbox input.reset,
.btnbox input.back,
.btnbox input.eback {
  width: 150px;
  cursor: pointer;
  height: 56px;
  display: block;
  margin: 0 auto;
  border: none;
}

.btnbox input.conf {
  background: url(../images/contact/conf.png);
  background-size: 150px auto;
}

.btnbox input.reset {
  background: url(../images/contact/reset.png);
  background-size: 150px auto;
}

.btnbox input.send {
  background: url(../images/contact/send.png);
  background-size: 150px auto;
}

.btnbox input.eback {
  background: url(../images/contact/back.png);
  background-size: 150px auto;
}

.recruitForm #content .title-r {
  background: #5b3f00;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding: 5px 15px;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: -5px;
}

.error {
  color: #F00;
}

/*============================================================
#welfare 福利厚生
============================================================*/

#welfare #mv .outline {
  color: #9d8c66 !important;
}

#welfare-guide {
  padding: 30px 0;
}

#welfare-guide .box {
  padding: 20px;
  margin: 55px auto 0;
  border-radius: 10px;
}

.box-title-wrap {
  margin-top: -50px;
  margin-bottom: 15px;
}

.box-title-wrap.line2 {
}

.box-title {
  background: #ff875f;
  font-size: 25px;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 5px;
  padding: 5px 20px;
  display: inline-block;
  border: solid 1px #5b3f00;
}

.box-title.wht {
  background: #fff;
  color: #ff875f !important;
}

#welfare-guide .box-title {
}

table.common {
  width: 100%;
}

table.common th,
table.common td {
  display: block;
}

table.common th {
  color: #f08d2c;
  font-weight: 500;
  padding: 15px 0 5px;
}

table.common tr:first-child th {
  padding-top: 0;
}

table.common td {
  border-bottom: solid 2px #ffe5d9;
  padding-bottom: 15px;
}


table.common tr:last-child td {
  border-bottom: none;
}

#welfare-info {
  background: #ffb18d;
  padding: 55px 0 30px;
  overflow: hidden;
}

#welfare-info .box {
  padding: 20px;
}

#welfare-info .box p {
  text-align: left;
}

#welfare-info .box .pcLeft {
}

#welfare-info .box .pcLeft .title {
  background: #ff875f;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  border-radius: 20px;
  border: solid 1px #5b3f00;
}

#welfare-info .box .pcRight {
  margin-top: 20px;
}


#welfare-info .box .pcRight .arrow {
  font-size: 17px;
  font-weight: 700;
  margin-left: -30px;
  position: relative;
}

#welfare-info .box .pcRight .arrow::after {
  right: -30px;
}

#welfare-info ul li {
  margin-top: 55px;
  position: relative;
}

#welfare-info ul li.box {
}

#welfare-info ul li:nth-child(even) {
  vertical-align: top;
}

#welfare-info ul li:li:nth-child(n+3) {
  margin-top: 40px;
}

.kumo {
  background: url(../images/welfare/kumo.png) no-repeat center / contain;
  width: 150px;
  height: 95px;
  padding: 60px 0;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
}

.kumo p {
  width: 200px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

#welfare-info ul li:first-child .kumo,
#welfare-info ul li:nth-child(2) .kumo,
#career .box-colum2 li:first-child .kumo {
  margin: 15px auto 0;
  top: 35vw;
  right: 0;
}

#welfare-info ul li:first-child .kumo p,
#welfare-info ul li:nth-child(2) .kumo p,
#career .box-colum2 li:first-child .kumo p {
  text-align: center;
}

/*============================================================
#report リアルレポ
============================================================*/

#report #wrapper {
  overflow-x: hidden;
}

#report #mv {
  background: url(../images/report/mv-bg.jpg) no-repeat center / cover;
  width: 100%;
  margin-top: 95px;
  position: relative;
}

#report #mv-title {
  background: #fff3ef;
  width: 100%;
  line-height: 1.2;
  text-align: center;
  font-weight: 900;
  padding: 20px 0 0;
  transform: rotate(-3deg);
  box-shadow: 5px 6px 10px 0px #ffa378;
}

#report #mv-title .fukidashi {
  background: url(../images/common/fukidashi-kumo-sp.png) no-repeat center / contain;
  display: block;
  font-size: 14px;
  padding: 15px 10px 15px;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -20px;
}

#report #mv-title .outline {
  text-align: center;
}

#report #mv-title .outline span {
  background: url(../images/report/mv-title-deco.png) no-repeat left center / 75px;
  font-size: 34px;
  text-align: left;
  position: relative;
  min-height: 85px;
  line-height: 85px;
  display: inline-block;
  padding-left: 80px;
}

#report #mv-img {
  width: 65%;
  margin-top: -30px;
  margin-left: -10px;
  position: relative;
}

#report #mv-lead {
  background: #fff;
  border-radius: 50px;
  padding: 15px 20px 20px;
  margin-top: 30px;
  position: relative;
}

#report #mv-lead::before {
  content: '';
  height: 30px;
  width: 90px;
  background: url(../images/report/sp_plan-fukidashi.png) no-repeat center / cover;
  position: absolute;
  bottom: -30px;
  right: 60px;
}

#report #mv-lead p {
  font-weight: 500;
  text-align: center;
}

#report .local-nav {
  padding: 10px 0 15px;
}

#report-data01 {
  background: #ffe5d9;
}

#report-data01-head {
  background: #ff875f;
  width: 100%;
  position: relative;
  margin-top: 50px;
}

#report-data01-head .inner {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}

#report-data01-head .pcLeft {
  width: 60%;
  float: left;
}

#report-data01-head .outline {
  font-size: 9vw;
  line-height: 1.3;
  margin-left: 15px;
  transform: rotate(-3deg);
  z-index: 3;
  position: relative;
}

#report-data01-head .pcRight {
  width: 40%;
  float: right;
}

#report-data01-head .pcRight #matsumoto-fukidashi {
  background: url(../images/report/matsumoto-fukidashi.png) no-repeat center / contain;
  width: 100%;
  text-align: center;
  width: 150px;
  height: 95px;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -60px;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 23px;
}

#report-data01-head .pcRight img {
  position: absolute;
  width: 65vw;
  max-width: 350px;
  right: -50px;
  bottom: 0;
}

#report-data01-head + .inner {
  padding: 30px 0;
}

#report .grid-wrap li {
  margin: 0 auto;
}

#report .grid-wrap li .chart-txt {
  opacity: 1 !important;
}

#report .chart-txt p {
    font-weight: 700;
    line-height: 1.6;
    position: absolute;
}

#chartBg-txt p:nth-child(1) {
    top: 32%;
    left: 55%;
}

#chartBg-txt p:nth-child(2){
    bottom: 10%;
    right: 27%;
}

#chartBg-txt p:nth-child(3) {
    top: 32%;
    left: 15%;
}

@media screen and (max-width:320px) {
    #chartBg-txt p:nth-child(1) {
        top: 35%;
        left: 56%;
    }

    #chartBg-txt p:nth-child(2){
        right: 25%;
    }

    #chartBg-txt p:nth-child(3) {
        top: 35%;
        left: 8%;
    }
}

#chartMood-txt p:nth-child(1) {
    top: 55%;
    right: 13%;
}

#chartMood-txt p:nth-child(2){
    bottom: 4%;
    right: 38%;
}

#chartMood-txt p:nth-child(3) {
    top: 51%;
    left: 10%;
}

#chartMood-txt p:nth-child(4) {
    top: 31%;
    left: 25%;
}

@media screen and (max-width:320px) {
    #chartMood-txt p:nth-child(1) {
        top: 61%;
        right: 9%;
    }

    #chartMood-txt p:nth-child(2){
        bottom: 4%;
        right: 38%;
    }

    #chartMood-txt p:nth-child(3) {
        top: 59%;
        left: 5%;
    }

    #chartMood-txt p:nth-child(4) {
        top: 41%;
        left: 25%;
    }
}

#chartService-txt p:nth-child(1) {
    bottom: 25%;
    right: 10%;
}

#chartService-txt p:nth-child(2){
    bottom: 25%;
    left: 10%;
}

#chartService-txt p:nth-child(3) {
    top: 39%;
    left: 20%;
}

@media screen and (max-width:320px) {
    #chartService-txt p:nth-child(1) {
        bottom: 23%;
        right: 9%;
    }

    #chartService-txt p:nth-child(2){
        bottom: 25%;
        left: 6%;
    }

    #chartService-txt p:nth-child(3) {
        top: 42%;
        left: 15%;
    }
}

#chartEducation-txt p:nth-child(1) {
    bottom: 32%;
    right: 8%;
}

#chartEducation-txt p:nth-child(2){
    bottom: 6%;
    left: 10%;
}

#chartEducation-txt p:nth-child(3) {
    top: 46%;
    left: 10%;
}

@media screen and (max-width:320px) {
    #chartEducation-txt p:nth-child(1) {
        bottom: 27%;
        right: 6%;
    }

    #chartEducation-txt p:nth-child(2){
        bottom: 5%;
        left: 5%;
    }

    #chartEducation-txt p:nth-child(3) {
        top: 53%;
        left: 5%;
    }
}

#chartThnks-txt p:nth-child(1) {
    bottom: 29%;
    right: 8%;
}

#chartThnks-txt p:nth-child(2){
    bottom: 21%;
    left: 10%;
}

#chartThnks-txt p:nth-child(3) {
    top: 40%;
    left: 18%;
}

@media screen and (max-width:320px) {
    #chartThnks-txt p:nth-child(1) {
        bottom: 24%;
        right: 7%;
    }

    #chartThnks-txt p:nth-child(2){
        bottom: 19%;
        left: 9%;
    }

    #chartThnks-txt p:nth-child(3) {
        top: 50%;
        left: 13%;
    }
}

#chartFriends-txt p:nth-child(1) {
    bottom: 22%;
    right: 8%;
}

#chartFriends-txt p:nth-child(2){
    bottom: 12%;
    left: 12%;
}

#chartFriends-txt p:nth-child(3) {
    top: 44%;
    left: 10%;
}

@media screen and (max-width:320px) {
    #chartFriends-txt p:nth-child(1) {
        bottom: 20%;
        right: 9%;
    }

    #chartFriends-txt p:nth-child(2){
        bottom: 11%;
        left: 18%;
    }

    #chartFriends-txt p:nth-child(3) {
        top: 48%;
        left: 5%;
    }
}

#chartPlace-txt p:nth-child(1) {
    bottom: 20%;
    right: 9%;
}

#chartPlace-txt p:nth-child(2){
    bottom: 11%;
    left: 18%;
}

#chartPlace-txt p:nth-child(3) {
    top: 48%;
    left: 5%;
}

@media screen and (max-width:320px) {
    #chartPlace-txt p:nth-child(1) {
        bottom: 100px;
        right: 40px;
    }

    #chartPlace-txt p:nth-child(2){
        bottom: 19%;
        left: 9%;
    }

    #chartPlace-txt p:nth-child(3) {
        bottom: 23%;
        right: 9%;
    }
}

.fukidashi-women {
  background: url(../images/report/fukidashi-women.png) no-repeat center / contain;
  width: 70%;
  padding: 35px 0 50px;
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

#report-data01 .box {
  background: #fff;
  position: relative;
}

#report-data01 .box .title {
  font-size: 18px;
  font-weight: 700;
  color: #ff875f;
  line-height: 1.5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dashed 1px;
}

.memo {
  position: relative;
}

.memo img {
  margin-top: -60px;
  margin-left: 10px;
  width: 40%;
}

.memo#memo03 img {
    margin-top: -30px;
}

.matsumoto-memo {
  background: url(../images/report/matsumoto-memo.png) no-repeat center / contain;
  font-weight: 500;
  text-align: center;
  color: #fff;
  padding: 76% 30px 30px;
  margin: -100px auto 0;
  width: 320px;
  position: relative;
}

@media screen and (max-width:320px) {
  .matsumoto-memo {
    font-size: 12px;
  }
}

.matsumoto-memo p {
  width: 80%;
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translateX(-50%);
}

#memo03 .matsumoto-memo p {
  top: 35%;
}

#report-data02 {
  background: #ffb18d;
}

#report-data02-head {
  background: #ffe5d9;
}

#report-data02-head .pcLeft {
  background: url(../images/report/kumo-l.png) no-repeat center / contain;
  width: 90%;
  margin: 20px auto 0;
  padding: 50px;
  position: relative;
  z-index: 2;
}

#report-data02-head .outline {
  font-size: 30px;
  text-align: center;
  line-height: 1.2;
}

#report-data02-head + .inner {
  margin-top: 50px;
}

.fukidashi-brn {
  background: #7c6533;
  padding: 20px;
  border-radius: 50px;
  position: relative;
}

.fukidashi-brn::before {
  content: '';
  height: 30px;
  width: 90px;
  background: url(../images/report/sp_fukidashi-brn.png) no-repeat center / cover;
  position: absolute;
  bottom: -30px;
  right: 60px;
}

.fukidashi-brn p {
  font-weight: 500;
  color: #fff;
}

#report-data02-head .fukidashi-brn {
  padding-left: 50px;
}

#report-data02-head .pcRight img {
  margin-top: -90px;
  position: relative;
  left: -5%;
}

.border-box {
  margin-bottom: 20px;
}

.border-box + p {
  font-size: 17px;
  font-weight: 700;
  color: #ff875f;
  margin-bottom: 5px;
}

.border-box li {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffb79f;
  padding: 10px 20px;
  border: solid 5px #ffb79f;
}

.border-box li p {
  text-align: left !important;
}

.border-box.colum3,
.border-box.colum2 {
  justify-content: center;
}

.border-box.colum3 li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#report-data02 .box-title {
  font-size: 20px;
}

#report-data02 .border-bottom li {
  font-size: 13px;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: dashed 1px #ff875f;
}

#report-data02 .border-bottom li + li {
  margin-top: 10px;
}

#report-data02 .border-bottom.colum2 li {
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

#report-data02 .border-bottom.colum2 li + li {
}

#report-data02 .border-bottom.colum2 li:nth-child(n+3) {
  margin-top: 10px;
}

.colum2-list li.half {
  display: inline-block;
  margin-top: 20px;
  position: relative;
}

.border-box li + li {
  margin-top: 10px;
}

.w100p {
  width: 100% !important;
}

#report-data02 #img08 {
  margin: 0 auto 100px;
  position: relative;
}

#report-data02 #img09 {
  margin: 0 auto 45px;
  position: relative;
}

#report-data02 #img09 .kumo {
}

#report-data02 #img10,
#report-data02 #img12,
#report-data02 #img14 {
  position: relative;
}

#report-data02 #img11 {
  margin-bottom: 20px;
  position: relative;
}

#report-data02 #img11 img {
  position: relative;
  z-index: 2;
}

#report-data02 #img11 .fukidashi-brn {
  width: 100%;
}

#report-data02 #img13 {
  width: 70%;
  margin: 0 auto 50px;
  position: relative;
}

#report-data02 #img13 .kumo {
  width: 180px;
  font-size: 13px;
}

#matsumoto-fukidashi {
  position: relative;
}

#matsumoto-fukidashi img {
  position: relative;
  z-index: 2;
}

.fukidashi-wht {
  background: #fff;
  border-radius: 50px;
  padding: 20px;
  position: relative;
}

.fukidashi-wht::before {
  content: '';
  height: 30px;
  width: 90px;
  background: url(../images/report/sp_plan-fukidashi.png) no-repeat center / cover;
  position: absolute;
  bottom: -30px;
  right: 60px;
}

.fukidashi-wht p {
  font-size: 17px;
  font-weight: 500;
  color: #ff875f;
  text-align: center;
}

#matsumoto-fukidashi .fukidashi-wht {
}

#report #sec-gallery {
  background: #ff9f7f;
    position: relative;
}

#report #sec-gallery h2.title {
  width: 400px;
}

.kumo.sp-kumo01 {
  padding: 50px 0;
  top: -75px;
  right: 0;
}

.kumo.sp-kumo02 {
  padding: 75px 0;
  width: 200px;
  bottom: -95px;
  right: 0;
  z-index: 1;
}

.kumo.sp-kumo03 {
  padding: 80px 0;
  width: 200px;
  bottom: -50px;
  right: 0;
}

.kumo.sp-kumo04 {
  padding: 80px 0;
  width: 180px;
  bottom: -70px;
  right: 0;
}

.kumo.sp-kumo05 {
  width: 170px;
  bottom: -60px;
  right: 0;
}

.kumo.sp-kumo06 {
  width: 170px;
  bottom: -60px;
  right: 0;
}

.kumo.sp-kumo07 {
  width: 180px;
  font-size: 13px;
  bottom: -60px;
  right: 0;
}

.kumo.sp-kumo08 {
  padding: 50px 0;
  width: 180px;
  bottom: -60px;
  right: 0;
}

.kumo.sp-kumo09 {
  padding: 50px 0;
  width: 180px;
  top: -60px;
  left: 0;
}

.kumo.sp-kumo10 {
  bottom: -20px;
  right: 0;
}

.kumo.sp-kumo11 {
  bottom: -60px;
  left: 0;
}

.kumo.sp-kumo12 {
  bottom: -35px;
  left: 0;
}

.kumo.sp-kumo13 {
  width: 180px;
  font-size: 13px;
  bottom: -60px;
  right: 0;
}

.kumo.sp-kumo03 .fz12 {
  font-size: 11px;
}

#report .sp-img img {
  width: 100%;
  height: 210px;
}

#report #img08 .sp-img img {
  object-position: center -60px;
}

/*============================================================
.team-nurse-ladder 看護部ラダー
============================================================*/

.team-nurse-ladder .title-wrap,
.team-nurse-support .title-wrap {
  background: url(../images/team/nurse/ladder-title-bg.png) no-repeat center top / 480px auto;
  width: 100%;
  text-align: center;
  padding: 90px 0 30px;
  margin: 95px 0 0;
  position: relative;
}

.team-nurse-ladder .title-wrap .outline,
.team-nurse-support .title-wrap .outline {
  margin-bottom: 20px;
}

.sp-ladder-anime {
  margin: 5px auto 0;
  max-width: 100px; /* 横幅の最大値 */
  overflow: hidden; /* 余分な要素を隠す */
  transform: translate3d(0, 0, 0); /* animationの初期値 */
  position: relative; /* :before の基準値 */
  display: block;
}

.sp-ladder-anime:before {
  content: '';
  display: block;
  background: url(../images/team/nurse/sp_ladder-title-bg2.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 1266.2069%; /* 画像の縦幅 */
  animation: sprite-anime 5s steps(6) infinite; /* アニメーション設定 */
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-ladder-anime:after {
  content: '';
  display: block;
  padding-top: 211.034483%; /* 見た目上の高さ */
}

@keyframes sprite-anime {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -100%);
  }
}

.team-nurse-ladder .title-wrap .sub-title,
.team-nurse-support .title-wrap .sub-title  {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  position: relative;
}

.team-nurse-ladder .title-wrap .outline,
.team-nurse-support .title-wrap .outline {
  font-size: 32px;
  color: #f39185;
  position: relative;
}

.team-nurse-ladder .title-wrap p,
.team-nurse-support .title-wrap p {
  margin: 0 auto;
  width: 90%;
}

#sec-ladder-about {
  background: #fef4f3;
}

#sec-ladder-about .inner {
}

#sec-ladder-about .fz36 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}

#chikara {
  margin: 0 auto 20px;
}

#chikara .pcLeft {
  width: 70%;
  margin: 10px auto 0;
}

#chikara .pcRight {
  padding: 20px 0;
}

#chikara .pcRight .box .sub-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

#chikara .pcRight .box .outline {
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 2px #5b3f00;
  line-height: 1.5;
}

#chikara .pcRight .box .outline + p {
  text-align: left;
}


#sec-lv {
  background: #fff;
  padding-top: 100px;
  margin-top: -80px;
}

.team-nurse-ladder .fukidashi .sub-title {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.team-nurse-ladder .fukidashi .outline {
  font-size: 20px;
  text-align: center;
  display: inline-block;
  line-height: 1.5;
  position: relative;
}

.team-nurse-ladder .fukidashi {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.team-nurse-ladder .fukidashi .outline::after {
  background-color: #5b3f00;
  border-radius: 10px;
  content: "";
  display: block;
  height: 3px;
  margin-top: 20px;
}

.team-nurse-ladder .fukidashi .outline::before {
  background: url(../images/team/nurse/ladder-fukidashi-arrow.jpg) no-repeat center/ contain;
  content: "";
  width: 50px;
  height: 30px;
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
}

#sec-lv ul {
  padding: 20px 0;
  position: relative;
}

#sec-lv ul::before {
  content: "";
  background: url(../images/team/nurse/ladder-brackets01.png) no-repeat center top / contain;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

#sec-lv ul::after {
  content: "";
  background: url(../images/team/nurse/ladder-brackets02.png) no-repeat center bottom / contain;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#sec-lv ul li {
  background: #fef4f3;
  padding: 20px;
  margin-right: 5%;
  margin-left: 5%;
}

#sec-lv ul li + li {
  margin-top: 15px;
}

#sec-lv ul li .lv {
  font-size: 17px;
  font-weight: 700;
  flex-basis: 10%;
  text-align: center;
}

#sec-lv ul li .lv p {
  display: inline-block;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 10px;
}

#sec-lv ul li .lv p:nth-child(2) {
  transform: rotate(90deg);
}

#sec-lv ul li .lv span {
  font-size: 21px;
}

#sec-lv ul li .icon {
  flex-basis: 35%;
  text-align: center;
}

#sec-lv ul li .icon img {
  width: 15%;
}

#sec-lv ul li:last-child .icon img {
  width: 25%;
}

#sec-lv ul li .txt-wrap {
  flex-basis: 55%;
}

#sec-lv .txt-wrap .outline {
  font-size: 21px;
  color: #f39185;
  margin: 10px 0;
  text-align: center;
}

#sec-lv .txt-wrap p:not(.outline) {
  font-size: 13px;
  padding-left: .6em;
  text-indent: -.6em;
  display: block;
}

#sec-lvup {
  margin-top: 30px;
}

#sec-lvup .inner {
  padding-bottom: 30px;
}

#sec-lvup .box {
  background: #fef4f3;
  padding: 20px;
  margin: 0 auto 90px;
  position: relative;
}

#sec-lvup .box::after {
  content: "";
  background: url(../images/team/nurse/ladder-fukidashi.png) no-repeat center bottom / contain;
  width: 100px;
  height: 90px;
  position: absolute;
  bottom: -70px;
  left: 0;
  right: 0;
  margin: auto;
}

#sec-lvup .box .sub-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}

#sec-lvup .box li {
  width: 160px;
  display: inline-block;
  margin-bottom: 10px;
}

#sec-lvup .local-nav ul {
  display: flex;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: scroll;
}

#sec-lvup .local-nav::after {
  content: "← 左右にスクロールできます →";
  display: block;
  padding-bottom: 5px;
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

#sec-lvup .local-nav ul li {
  width: 115px;
}

#sec-lvup .local-nav li:last-child::before,
#sec-lvup .local-nav li:last-child::after,
#sec-lvup .local-nav li:last-child a::before {
  content: none;
}

#sec-lvup .local-nav ul li a {
  padding: 0;
  display: block;
}

.lv-wrap,
#sec-lvup .local-nav  {
  margin-bottom: 30px;
}

.lv-wrap h3 {
  width: 40%;
  display: block;
  margin: 30px auto 15px;
}

.lv-wrap ul li {
  padding: 25px 20px;
  position: relative;
}

.lv-wrap ul li + li {
  margin-top: 20px;
}

.lv-wrap ul li::before {
  content: "";
  background: url(../images/team/nurse/ladder-brackets01.png) no-repeat center top / contain;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.lv-wrap ul li::after {
  content: "";
  background: url(../images/team/nurse/ladder-brackets02.png) no-repeat center bottom / contain;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.lv-wrap ul li .label,
#sec-lvup .box ul li .label {
  width: 150px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  border-radius: 10px;
}

.lv-wrap ul li:first-child .label,
#sec-lvup .box ul li:first-child .label {
  background: #f39185;
}

.lv-wrap ul li:nth-child(2) .label,
#sec-lvup .box ul li:nth-child(2) .label {
  background: #42b883;
}

.lv-wrap ul li:last-child .label,
#sec-lvup .box ul li:last-child .label {
  background: #5b3f00;
}

.lv-wrap ul li {
  font-weight: 700;
}

.lv-wrap ul li .label {
  margin-bottom: 10px;
}

.lv-wrap ul li .label + p {
  font-size: 13px;
}

/*============================================================
#career キャリアアップ
============================================================*/

#career .outline.line2 {
  font-size: 35px !important;
}

#career section .inner {
  padding-top: 30px;
  padding-bottom: 30px;
}

#career .box.bg-wht {
  margin-top: 55px;
}

#career .box-title {
  padding: 10px 20px;
}

.label-title {
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  padding: 5px 20px;
  margin-bottom: 10px;
  border: solid 1px #5b3f00;
  border-radius: 30px;
  display: inline-block;
}

.label-title.bg-org {
  background: #ff875f;
  color: #fff;
}

#career section .box p:not(.indent) {
  text-align: left;
}

#career .box-colum2 li:nth-child(3) .outline.org {
  font-size: 42px;
  text-align: center;
  margin-top: 30px;
}

#career .box-colum2 li:last-child a {
  font-weight: 700;
  margin-top: 20px;
  display: block;
  padding-right: 30px;
  position: relative;
}

#career .box-colum2 li:last-child a::after {
  right: 0;
}

/*============================================================
.team-nurse-support 新人・復職者サポート
============================================================*/

.team-nurse-support .title-wrap .sub-title {
  font-size: 20px;
}

.team-nurse-support .title-wrap {
  padding-bottom: 20px;
}

.team-nurse-support .local-nav {
  margin-bottom: 30px;
}

.team-nurse-support .local-nav li {
  width: 90%;
  margin: 0 auto;
}

.team-nurse-support .local-nav li + li {
  margin-top: 10px;
}

.team-nurse-support .local-nav li:last-child::before,
.team-nurse-support .local-nav li:last-child::after {
  content: none;
}

.team-nurse-support .local-nav li a {
  font-size: 15px;
  font-weight: 700;
  color: #5b3f00;
  display: block;
  padding: 0 30px 10px 0;
  border-bottom: solid 1px #5b3f00;
  position: relative;
}

.team-nurse-support .local-nav li a::before {
  background: #f39185;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  content: '';
  position: absolute;
  right: 0;
  left: auto;
  bottom: 15px;
}

.team-nurse-support .local-nav li a::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 8px;
  right: 8px;
}

#sec-support-preceptor .inner {
  margin: 0 auto;
}

#sec-support-preceptor .img {
  margin-bottom: 20px;
}

#sec-support-preceptor .outline,
#sec-support-follow .outline {
  font-size: 32px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 10px;
}

#sec-support-preceptor .outline + p,
#sec-support-follow .outline + p {
  font-weight: 500;
}

.preceptor-about {
  background: #42b580;
  padding: 30px 20px;
  margin-top: 40px;
  border-radius: 20px;
  position: relative;
}

.preceptor-about .title {
  background: #fff;
  width: 90%;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
  border: solid 3px #5b3f00;
}

.preceptor-about .lead {
  font-weight: 700;
  color: #fff;
}

.preceptor-about .box {
  padding: 20px;
  margin-top: 20px;
  border-radius: 20px;
}

.preceptor-about .box {
  font-weight: 700;
}

.grn {
  color: #42b883;
}

.label {
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0 auto 10px;
  border-radius: 10px;
}

.label.pnk {
  background: #f39185;
  color: #fff !important;
}

.label.grn {
  background: #42b883;

}

#sec-support-preceptor-ex {
  margin-top: 30px;
}

#sec-support-preceptor-ex h2.title {
  background: url(../images/team/nurse/support-deco01.png) no-repeat center top / contain;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding-top: 12.64%;
}

#sec-support-preceptor-ex h2.title span {
  display: block;
}

#sec-support-preceptor-ex h3.title {
  font-size: 21px;
  line-height: 1.6;
  letter-spacing: 10px;
  margin: 30px auto 20px;
  border-radius: 0;
  padding-left: 10px;
  position: relative;
}

#sec-support-preceptor-ex h3.title.grn::before {
  content: "";
  background: url(../images/team/nurse/support-illust01.png) no-repeat center / contain #fff;
  width: 80px;
  height: 105px;
  display: block;
  position: absolute;
  top: -60px;
  left: 0;
}

#sec-support-preceptor-ex h3.title.pnk::before {
  content: "";
  background: url(../images/team/nurse/support-illust02.png) no-repeat center / contain #fff;
  width: 80px;
  height: 105px;
  display: block;
  position: absolute;
  top: -60px;
  left: 0;
}

#sec-support-preceptor-ex .txt-wrap .pcLeft,
#sec-support-preceptor-ex .txt-wrap .pcRight {
  width: 90%;
  font-weight: 700;
  margin: auto;
  padding: 20px;
  position: relative;
}

#sec-support-preceptor-ex .txt-wrap .pcLeft::before,
#sec-support-preceptor-ex .txt-wrap .pcRight::before,
.brackets1000::before {
  content: "";
  background: url(../images/team/nurse/support-brackets480-01.png) no-repeat center top / contain;
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

#sec-support-preceptor-ex .txt-wrap .pcLeft::after,
#sec-support-preceptor-ex .txt-wrap .pcRight::after,
.brackets1000::after {
  content: "";
  background: url(../images/team/nurse/support-brackets480-02.png) no-repeat center bottom / contain;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#sec-support-preceptor-ex .txt-wrap .pcRight {
  margin-top: 30px;
}

#sec-support-preceptor-ex .txt-wrap .pcRight ul {
  margin-top: 15px;
}

#sec-support-preceptor-ex .txt-wrap .pcRight ul li {
  background: #fff;
  width: 60px;
  height: 60px;
  color: #42b580;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  border: solid 2px #42b580;
  margin: 5px;
  display: inline-block;
}

#sec-support-preceptor-ex .txt-wrap.brackets1000 {
  padding: 20px;
  font-weight: 700;
  width: 90%;
  margin: auto;
}

.brackets1000 {
  position: relative;
}

#sec-support-follow > img {
  margin: 30px auto 0;
  display: block;
}

#sec-support-follow .inner {
  padding: 30px 0;
}