@charset "utf-8";

/*============================================
  layout-types-A.css
  レイアウトに関するスタイル定義

  ToDo：カラムパターンが増えた場合はこのファイルで定義する。
==============================================*/

/*============================================
  このレイアウトパターンのbodyデフォルト値
==============================================*/
body {
  font-size: 14px;
  font-family: Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Verdana,Helvetica,sans-serif;
}

/*============================================
  コンテナ・ブロック
==============================================*/

/*-- 全体コンテナ --*/
#container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  padding-top: 8px;
}

/*-- Cタイプ（旧Eタイプ）用コンテナ --*/
#container.ptnC {
  padding-top: 0;
}

/*-- コンテンツ全体ブロック（1カラム用） --*/
#contents {
  width: 920px;
  margin: 0 auto;
}


/*-- Bパターン（旧C,Dパターン）用
　メニューエリア＆コンテンツエリアの親ブロック --*/
#main {
  width: 980px;
  margin: 0 auto;
}

/*-- Bパターン（旧C,Dパターン）用メニューエリア --*/
#menu-area {
  width: 248px;
}

/*-- Bパターン（旧C,Dパターン）用コンテンツエリア --*/
#contents-area {
  width: 680px;
  min-height: 400px;
}

#contents-area.accordion-contents-area-ptnB {
  height: 100%;
}

/*-- Bパターン（旧C,Dパターン）用コンテンツブロック --*/
#contents.ptnB {
  width: 680px;
}



/*------------------------------
  コンテナ・ブロック 画面幅 980px 未満
--------------------------------*/
@media only screen and ( max-width : 980px ) {
  /*-- コンテンツ全体ブロック --*/
  #contents {
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  #main {
    width: calc(100% - 32px);
  }

  #menu-area {
    width: 25%;
  }
  
  #contents-area {
    width: 73%;
  }

  #contents.ptnB {
    width: 100%;
  }  
}


/*============================================
  ヘッダーエリア
==============================================*/
header {
  width: 980px;
  margin: 0 auto 13px auto;
}

header::after {
  display: block;
  content: '';
  clear: both;
}

/*-- Cパターン（旧Eパターン）用ヘッダーエリア --*/
header.ptnC {
  width: 90%;
  padding: 0 5% 0 5%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.header-left {
  float: left;
}

.header-right {
  float: right;
  text-align: center;
}

/*-- ヘッダーロゴの設定 START --*/
/*---- ロゴはお客様によりサイズが異なるため適宜調整してください --*/
.header-logo {
  width: auto;
  margin-top: 6px;
  margin-bottom: 4px;
}

@media only screen and ( max-width : 980px ) { 
  /*---ロゴ調整例---*/
  .header-logo {
    width: 80%;
    margin-bottom: 4px;
  }
}
/*-- ヘッダーロゴの設定 END --*/


/*-- Cタイプ（旧Eタイプ）用ヘッダーロゴ --*/
.header-logo-e {
  width: 174px;
  margin: 20px auto 20px auto;
}

/*-- Cタイプ（旧Eタイプ）用ヘッダー電話番号エリア --*/
.head-tel-area {
  padding: 13px 15px 14px 15px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-radius: 0 0 4px 4px;
  min-width: 100px;
}

.header-address {
  font-size: 13px;
  margin: 0;
  line-height: 1.4em;
}

.tell-parts1 {
  width: 150px;
  border: 1px solid;
  border-radius: 12.5px;
  padding: 4px 0 2px 0;
  margin: 3px auto 7px auto;
  font-size: 12px;
  text-align: center;
}

.tell-number {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding-left: 26px;
  margin: 0 0 2px 46px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position-y: 2px;
  background-position-x: 5px;
}

.tell-medi-hours {
  font-size: 14px;
  line-height: 1.4em;
}

.header-right .tell-number {
  background-position-y: 5px;
  background-position-x: 27px;
  border: 1px solid;
  border-radius: 42.5px;
  font-size: 18px;
  margin-top: 15px;
  padding: 4px 0 2px 48px;
  width: 162px;
}

.header-right .tell-medi-hours {
  font-size: 13px;
}

/*-- ヘッダーエリア 画面幅 980px 未満 --*/
@media only screen and ( max-width : 980px ) {
  header {
    width: calc(100% - 40px);
    margin: 0 auto 10px auto;
    padding: 0 20px;
  }
  
  .header-left {
    width: 50%;
  }
  
  .header-right {
    width: 30%;
  }
  
  .header-logo {
    margin-bottom: 4px;
  }
  
  .header-address {
    font-size: 12px;
  }

  .tell-parts1 {
    width: 120px;
    margin: 0 auto 7px auto;
    font-size: 80%;
  }

  .tell-number {
    width: 150px;
    font-size: 18px;
    padding-left: 16px;
    margin: 0 auto 5px auto;
    background-size: 14px;
    background-position-y: 1px;
    text-align: center;
  }

  .header-right .tell-number {
    width: 155px;
    font-size: 16px;
    padding-left: 16px;
    margin-top: 15px;
    background-size: 14px;
    background-position-x: 16px;
    background-position-y: 5px;
    text-align: center;
    margin-right: 0;
  }

  .tell-medi-hours {
    font-size: 13px;
  }
}


/*============================================
  フッターエリア
==============================================*/
footer {
  margin-top: auto;
}

.footer-btnArea {
  text-align: center;
  margin-bottom: 23px;
}

#footer-info {
  width: 980px;
  margin: 20px auto 20px auto;
  text-align: center;
}

.logo-footer {
  margin-bottom: 20px;
  width: auto;
}

#footer-info-inner {
  width: 300px;
  margin: 0 auto 40px auto;
}

#footer-info-inner .tell-number {
  margin-left: 52px;
}

.footer-lower-part {

}

.copylight {
  text-align: center;
}

@media only screen and ( max-width : 980px ) {
  #footer-info {
    width: 100%;
  }
    
  #footer-info-inner .tell-number {
    margin-left: 62px;
  }
}


/*============================================
  TOPページ用スタイル
==============================================*/

/*-- メインスライド領域 --*/
#main-image {
  height: 380px;
  overflow: hidden;
  position: relative;
}

/*-- Cタイプ（旧Eタイプ）用メインイメージエリア --*/
#main-image.ptnC {
  height: 600px;
  margin-bottom: 40px; 
}

/*-- メインスライダー --*/
.slide-images {
  height: auto;
  min-height: 100%;
  left: 50%;
  object-fit: cover;
  object-position: top center;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
}

@media only screen and ( max-width : 980px ) {
  .slide-images {
    height: 100%;
    width: auto;
  }
}

/*-- お知らせ --*/
.info {
  border: 1px solid;
  border-radius: 4px;
  padding: 22px 22px 5px 22px;
  overflow: hidden;
}

.info dl {

}

.info dl dt {
  float: left;
  clear: left;
  margin-right: 20px;
  width: 100px;
}

.info dl dd {
  float: left;
  width: calc(100% - 120px);
  margin-bottom: 1.2em;
}

/*-- 診療時間 --*/
table.hours_table {
  width: 400px;
  border: 1px solid;
  border-collapse: separate;
  border-spacing: 0px;
  border-radius: 4px;
  margin: 0 20px 0 auto;
}

/*-- Bパターン（旧C,Dパターン）用 --*/
table.hours_table.ptnB {
  width: 100%;
}

table.hours_table td {
  font-size: 20px;
}

table.hours_table th,
table.hours_table td {
  font-family: 'Noto Sans JP',sans-serif;
  text-align: center;
  padding: 10px 0 10px 0;
}

table.hours_table tr td:first-child {
  font-size: 14px;
}

table.hours_table tr:first-child {

}

table.hours_table tr:nth-child(2) td {
  border-bottom: 1px dotted;
}

table.hours_table th {
  border-top: 3px solid;
  border-bottom: 1px solid;
  font-weight: 500;
}

.recep-time {

}

.recep-time dt {
  display: block;
  float: left;
  clear: left;
  margin-right: 20px;
  width: auto;
  min-width: 80px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0 8px 2px;
}

.recep-time dd {
  display: block;
  float: left;
  width: auto;
  margin-bottom: 1.3em;
  padding: 8px 0 6px 0;
}

dl.recep-time:nth-child(1) > dt {

}

dl.recep-time:nth-child(2) > dt {

}

dl.recep-time:nth-child(3) > dt {

}

dl.recep-time:nth-child(3) > dd {
  margin-bottom: 0;
}

/*-- アクセス --*/
.access-g-map {
  margin-bottom: 20px;
}

.access-img-A {
  width: 196px;
  margin-right: 20px;
}

.access-img-B {
  width: 290px;
  margin-right: 20px;
}

.jc-flex-start {
  justify-content: flex-start!important;
  align-items: flex-start;
}

.access-text {
  
}

.address-title {
  width: 84px;
  border: 1px solid;
  border-radius: 14px;
  padding: 4px 0 2px 0;
  text-align: center;
  margin-bottom: 1em;
}

.address {
  margin-bottom: 1em;
}

.access-text dl,
.access-text.ptnB dl {

}

.access-text dl span,
.access-text.ptnB dl span {

}

.access-text dt,
.access-text.ptnB dt {
  margin-bottom: 0.3em;
}

.access-text dd,
.access-text.ptnB dd {
  margin-left: 1em;
  margin-bottom: 1em;
}

@media only screen and ( max-width : 980px ) {
  /*-- 診療時間 --*/
  table.hours_table {
    width: calc(100% - 20px);
    margin: 0 20px 0 auto;
  }

  /*-- アクセス --*/
  .access-img-A {
    width: 196px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  
  .access-img-B {
    width: 290px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  
}


/*============================================
  セカンドページ用スタイル
==============================================*/
#sec-main-image {
  height: 380px;
  overflow: hidden;
  position: relative;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec-main-image-inner.ptnC {
  width: 90%;
  text-align: right;
}

/*-- Cタイプ（旧Eタイプ）用セカンドページメイン画像 --*/
#sec-main-image.ptnC {
  height: 600px;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 40px;
}

/*-- Cタイプ（旧Eタイプ）用セカンドページh1 --*/
#sec-main-image h1.ptnC {
  display: inline-block;
  font-size: 18px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-align: center;
  border: 1px solid;
  border-radius: 30px;
  padding: 3px 15px 4px 26px;
  margin-bottom: 20px;
  position: relative;
  z-index: 100;
}

h1.sec {
  display: inline-block;
  font-size: 21px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 700;
  letter-spacing: 0.4em;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid;
  border-radius: 30px;
  padding: 5px 17px 5px 26px;
}

.tell-number-B {
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  padding-left: 26px;
  margin: 0 0 5px 27px;
  background-repeat: no-repeat;
  background-size: 21px;
  background-position-y: 3px;
}

/*------ スタッフ紹介 start ------*/
.stuff-flex-box-item-2col-left-img {
  width: 300px;
}

.stuff-flex-box-item-2col-left-img.ptnB {

}

.stuff-flex-box-item-2col-right-text {
  width: calc(680px - 320px);
}

.stuff-flex-box-item-2col-right-text.ptnB {

}

.director-img {

}

.position {
  font-family: 'Noto Sans JP',sans-serif;
  margin-bottom: 0;
}

.director-name {
  font-family: 'Noto Sans JP',sans-serif;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.director-name span {
  font-size: 14px;
  letter-spacing: 0;
}

.director-lead-txt {
  font-size: 18px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 500;
}

.director-txt {
  margin-bottom: 30px;
}

.keireki {
}

.flex-box-item-2col-keireki-left {
  width: 50px;
}

.flex-box-item-2col-keireki-right {
  width: calc(100% - 50px);
}

.flex-box-item-2col-keireki-right > p.item {
  margin-left:0;
}

.keireki dl {

}

.keireki dl dt {
  float: left;
  clear: left;
  margin-right: 20px;
  margin-bottom: 0.8em;
  width: 60px;
  line-height: 1.6em;
}

.keireki dl dd {
  float: left;
  width: calc(100% - 100px);
  margin-bottom: 0.8em;
  line-height: 1.6em;
}

.keireki ul {
  list-style: none;
}

.keireki ul li {
  margin-bottom: 0.8em;
}

.staff {
  margin-bottom: 20px;
}

.staff:after {
  display: block;
  content: '';
  clear:both;
}

.staff-position {
  font-family: 'Noto Sans JP',sans-serif;
  margin-bottom: 0;
}

.staff-name {
  font-family: 'Noto Sans JP',sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.staff-name span {
  font-size: 14px;
  letter-spacing: 0;
}

@media only screen and ( max-width : 980px ) {
  .flex-box-item-2col-left {
    width: 30%;
  }

  .flex-box-item-2col-right {
    width: 65%;
  }

  .stuff-flex-box-item-2col-left-img {
    width: 30%;
  }

  .stuff-flex-box-item-2col-right-text {
    width: 67%;
  }

}
/*------ スタッフ紹介 end ------*/


/*------ 料金表 start ------*/
.price-lead {
  font-size: 21px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.6em;
  margin-bottom: 40px;
}

.price-table {
  width: 100%;
  margin-bottom: 50px;
}

.price-table-row {
  padding: 15px 15px 12px 15px;
  border-top: 1px solid;
}

.price-table-row:after {
  display: block;
  content: '';
  clear: both;
}

.price-table-row:last-child {
  border-bottom: 1px solid;  
}

.plice-img {
  float: left;
  margin-right: 15px;
}

.price-desc {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.price-desc-left {
  width: 100%;
  margin-right: 15px;
}

.price-desc-right {
  width: 100%;
}

.price-desc h3 {
  margin-bottom: 6px;
}

.price-text {
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.price-text span {
  font-size: 18px;
}

.payment-table {
  border-collapse: collapse;
  border-bottom: 1px solid;
  width: 100%;
}

.payment-table th {
  text-align: left;
  vertical-align: top;
  padding: 20px;
  width: 180px;
}

.payment-table td {
  text-align: left;
  vertical-align: top;
  padding: 20px 20px 20px 0;
}

.payment-card {
  margin-top: 10px;
}

.payment-card img {
  width: auto;
  margin-right: 10px;
}

@media screen and (max-width: 980px) {
  .price-desc-left {
    width: 100%;
  }  
}


.price-desc {
  align-items: baseline;
  margin-bottom: 0;
}

.price-desc h3 {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 5px;
}

.price-text {
  text-align: right;
}

.price-table-row:last-child {
  border-bottom: 1px dotted #c0c1c1;
}

.price-table-row:first-child {
  border-bottom: 1px dotted #c0c1c1;
}

.border_nt {
  border-top: none;
}

.price-table-row-header {
  padding: 28px 15px 15px 0;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.payment-table {
  border-bottom: 1px dotted #c0c1c1;
}

.payment-table tr {
  border-top: 0px;
  border-bottom: 1px dotted #c0c1c1;
}


.price-table-row-header-bnt {
  padding: 28px 15px 8px 0;
  border-bottom: none;
}

.price-table-row-tnt {
  padding: 15px 15px 12px 15px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.price-table-row-tnt-bnt {
  padding: 15px 15px 12px 15px;
  border-bottom-width: 1px;
  border-bottom: none;
}

.price-desc-right-220 {
  width: 220px;
}

/*------ 料金表 end ------*/


/*------ 採用情報 start ------*/
.recruit .flex-box-item-2col-left {
  width: 550px;
}

.recruit .flex-box-item-2col-left.ptnB {
  width: 460px;
}

.recruit .flex-box-item-2col-right {
  width: 350px;
}

.recruit .flex-box-item-2col-right.ptnB {
  width: 200px;
}

.recruit .flex-box-item-2col-left2 {
  width: 500px;
}

.recruit .flex-box-item-2col-left2.ptnB {
  width: 440px;
}

.recruit .flex-box-item-2col-right2 {
  width: 400px;
}

.recruit .flex-box-item-2col-right2.ptnB {
  width: 220px;
}

.recruit .flex-box-item-2col-left3 {
  width: 260px;
  margin-left: 15px;
}

.recruit .flex-box-item-2col-left3.ptnB {
  width: 200px;
}

.recruit .flex-box-item-2col-right3 {
  width: 600px;
}

.recruit .flex-box-item-2col-right3.ptnB {
  width: 420px;
}

.recruit .director-img {
  width: 350px;
}

.recruit .director-img.ptnB {
  width: 200px;
}

.recruit .job-img {

}

.recruit-lead1 {
  font-size: 21px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.recruit-lead2 {
  font-size: 18px;
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}

.recruit-order-h {
  display: block;
  width: 130px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  border-radius: 2px;
  padding: 4px 0 6px 0;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-family: 'Noto Sans JP',sans-serif;
}

.recruit-order-text {
  margin-left: 15px;
  padding-bottom: 20px;
  width: 100%;
}

.recruit-order-text p {
  margin-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
}
.emp-cond-tab {
  width: calc(100% - 10px);
  margin: 0 0 30px 10px;
}

.emp-cond-tab:after {
  display: block;
  content: '';
  clear: both;
}

.emp-cond-tab dt {
  clear: left;
  float: left;
  font-weight: bold;
  line-height: 1.6em;
  position: relative;
  border-right: none;
  padding: 0 10px 0 17px;
  width: 130px;
  margin-bottom: 12px;
}

.emp-cond-tab dt:after {
  content: "";
  position: absolute;
  display: block;
  float: left;
  width: 4px;
  border-radius: 2px;
  height: 1.0em;
  margin-right: 5px;
  left: 7px;
  top: 3px;
}

.emp-cond-tab dd {
  float: left;
  line-height: 1.6em;
  padding: 0;
  margin-left: 0;
  margin-bottom: 12px;
  width: calc(100% - 157px);
}

.work-flow h2 {
  display: block;
  padding: 5px 0;
  margin-bottom: 10px;
}

.work-flow ol {
  padding: 0;
  width: calc(100% - 30px);
  margin: 0 auto;
}

.work-flow ol li {
  display: block;
  list-style-type: none;
  padding-top: 20px;
  border-bottom: 1px solid;
}

.work-flow-time {
  font-family: 'Noto Sans JP',sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.work-flow-h {
  font-family: 'Noto Sans JP',sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.work-flow-list p {
  display: block;
  line-height: 1.3em;
  text-indent: -1em;
  margin-left: 1em;
}


.box.aplication {
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 2px;
  padding: 20px 10px 30px;
  width: 100%;
}

h2#recruit-5 {
  margin-bottom: 10px;
}

.box.aplication h2 span::before {
  content: none;
}

.aplic {
  width: 100%;
  text-align: center;
}

.aplic .destination {
  width: 400px;
  padding: 15px 15px 2px 15px;
  margin: 0 auto 20px auto;
  border: 1px solid;
  border-radius: 4px;
}

.aplic .destination p {
  font-size: 16px;
}

.aplic .tell-number {
  background-image: none;
  font-size: 21px;
  margin: 0 auto;
  padding: 0 20px 0 30px;
  text-align: center;
  width: 250px;
}

.aplic a {
  pointer-events: none;
}

.aplic .tell-number:before {
  background-size: contain;
  content: '';
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.tab-item {
  height: 40px;
  text-align: center;
  display: block;
  float: left;
  margin-right: 6px;
  border-radius: 4px 4px 0 0;
  transform: translateY(2px);
  cursor: pointer;
}

.tab-item h2 {
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-weight: bold;
  line-height: 40px;
}

.tab-item.not-active h2 {
  font-size: 17px;
  line-height: 42px;
}

.tab-2col {
  width: calc((100% / 2) - 6px);
}

.tab-2col:nth-of-type(2) {
  width: calc((100% / 2) - 4px);
  margin-right: 0;
}

.tab-3col {
  width: calc((100% / 3) - 6px);
}

.tab-3col:nth-of-type(3) {
  width: calc((100% / 3) - 4px);
  margin-right: 0;
}

.tab-4col {
  width: calc((100% / 4) - 6px);
}

.tab-4col:nth-of-type(4) {
  width: calc((100% / 4) - 4px);
  margin-right: 0;
}

input[name="tab-item"] {
  display: none;
}

.tab-content {
  display: none;
  padding-top: 40px;
  clear: both;
  border-top: 2px solid;
}

.tab-item.active {
  border: 2px solid;
  border-bottom: none;
}

.tabs input:disabled + .tab-item {
  display: none;
}

#jobcategory1:checked ~ #jobcategory1-content,
#jobcategory2:checked ~ #jobcategory2-content,
#jobcategory3:checked ~ #jobcategory3-content,
#jobcategory4:checked ~ #jobcategory4-content {
  display: block;
}

.graph {
  width: 75%;
  height: 18px;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}

.graph.medical {
  margin-bottom: 50px;
}

.graph .bar {
  display: inline-block;
  height: 100%;
  position: relative;
}

.graph.insurance .bar p {
  font-size: 9px;
  color: #333;
  position: absolute;
  top: -20px;
  width: max-content;
  text-align: center;
}

.graph.medical .bar p {
  font-size: 9px;
  color: #333;
  position: absolute;
  bottom: -30px;
  width: max-content;
  text-align: center;
}

.graph.insurance .bar.blue {
  background: linear-gradient(90deg, rgba(69,153,255,1) 0%, rgba(207,231,255,1) 100%);
}

.graph.insurance .bar.green {
  background: linear-gradient(90deg, rgba(89,200,178,1) 0%, rgba(201,255,243,1) 100%);
}

.graph.medical .bar.blue1 {
  background: #4599ff;
}

.graph.medical .bar.blue2 {
  background: #73b9ff;
}

.graph.medical .bar.blue3 {
  background: #8cc5ff;
}

.graph.medical .bar.blue4 {
  background: #b5daff;
}

.graph.medical .bar.blue5 {
  background: #d9ecff;
}

.graph.medical .bar.green1 {
  background: #64d1bb;
}

.graph.medical .bar.green2 {
  background: #85dbca;
}

.graph.medical .bar.green3 {
  background: #afedde;
}

.graph.medical .bar.green4 {
  background: #cbede8;
}

.graph.medical .bar.green5 {
  background: #ddf5f2;
}

.show-more-button.schedule-more-button {
  width: 260px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  padding: 0;
  border: 1px solid;
}

.schedule-more-button::before {
  height: 10px;
  position: absolute;
  left: 10px;
  top: 2px;
}

.box.no-recruit {
  margin-top: 10px;
  margin-bottom: 130px;
}

.box.no-recruit .no-recruit-title {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.box.no-recruit .no-recruit-description {
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 980px) {
  .recruit .flex-box-item-2col-left,
  .recruit .flex-box-item-2col-left.ptnB {
    width: 65%;
  }
  
  .recruit .flex-box-item-2col-right,
  .recruit .flex-box-item-2col-right.ptnB {
    width: 32%;
  }
  
  .recruit .flex-box-item-2col-left2,
  .recruit .flex-box-item-2col-left2.ptnB {
    width: 65%;
  }
  
  .recruit .flex-box-item-2col-right2,
  .recruit .flex-box-item-2col-right2.ptnB {
    width: 33%;
  }
  
  .recruit .flex-box-item-2col-left3,
  .recruit .flex-box-item-2col-left3.ptnB {
    width: 100%;
    margin-left: 15px;
  }
  
  .recruit .flex-box-item-2col-right3,
  .recruit .flex-box-item-2col-right3.ptnB {
    width: 100%;
  }

  .recruit .director-img,
  .recruit .director-img.ptnB {
    width: 100%;
  }

  .recruit .job-img {

  }
}
/*------ 採用情報 end ------*/

/*------ お知らせ start ------*/
#content-title {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 0 0 10px 15px;
}

#content-submission-date {
  font-size: 14px;
  padding: 0 0 0 15px;
  position: relative;
  padding-left: 20px!important;
}

#content-submission-date::before {
  content: url(img-parts/clock.png);
  position: absolute;
  left: 2px;
  top: 1px;
  width: 13px;
  height: 13px;
}

#ql-editor {
  font-size: 14px;
  line-height: 1.6em;
  padding: 30px 15px;
}

#ql-editor img {
  margin-top: 10px;
  margin-bottom: 30px;
}

#content-links {
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: 0 0 0 auto;
  padding: 0 0 30px 0;
  width: 70%;
  column-gap: 12%;
}

#category-list,
#category-list-4-pc {
  width: 100%;
}

#label-list {
  width: 100%;
}

.footer-category-and-label {
  padding: 0 0 0 0;
  width: 680px;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 980px) {
  .footer-category-and-label {
    padding: 0 0 0 0;
    width: 72%;
    margin: 0 0 0 28%;
  }

  .footer-category-and-label-on-blog-list {
    width: 80%;
    margin: 0 auto;
  }
}
/*------ お知らせ end ------*/


/*------ Blog start ------*/
.blog_list_box {
  margin-bottom: 10px;
}

.blog_entry_box {
  display: none;
  width: 680px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.blog_entry_box_inner {
  width: 100%;
}

.blog_entry_time {
  display: block;
}

.blog_to_detail {
  
}

.blog_list_pagination_box {
  display: none;
  width: 680px;
  margin: 0 auto;
}

@media screen and (max-width: 980px) {
  .blog_entry_box {
    width: 80%;
  }

  .blog_list_pagination_box {
    display: none;
    width: 80%;
  }

}

.pagenation-container {
  display: flex;
  justify-content: center;
  margin: 20px 0
}

.pagenation-container .current-page,
.pagenation-container .next-page-button,
.pagenation-container .number-of-page-button,
.pagenation-container .previous-page-button,
.pagenation-container .separator-of-page {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  height: 35px;
  justify-content: center;
  text-align: center
}

.pagenation-container .next-page-button,
.pagenation-container .previous-page-button {
  background-color: #fff;
  border: 1px solid;
  box-shadow: 1px 1px 1px rgba(159,159,159,.6);
  width: 46px
}

.pagenation-container .previous-page-button {
  margin: 0 3px 0 3px
}

.pagenation-container .next-page-button {
  margin: 0 0 0 3px
}

.pagenation-container .current-page {
  font-size: 13px;
  margin: 2px 3px 0 3px;
  width: 38px
}

.pagenation-container .number-of-page-button {
  background-color: #fff;
  border: 1px solid;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(159,159,159,.6);
  font-size: 13px;
  margin: 0 3px 0 3px;
  width: 38px
}

.pagenation-container .separator-of-page {
  background-color: #fff;
  font-size: 13px;
  margin: 0 3px 0 3px
}

#ql-editor h1 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}

#ql-editor h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-top: 40px;
  padding-bottom: 8px;
  width: auto;
  position: relative; 
}

#ql-editor h2::before {
  content: "";
  position: absolute;
  left: -15px; 
  top: 0;
  width: 10px;
  height: 10px;
}

#ql-editor h2::after {
  content: "";
  position: absolute;
  left: -15px;
  bottom: -1px;
  width: 100%;
}

#ql-editor h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: 0.8px;
  position: relative;
  margin-left: 5px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-left: 8px;
  font-family: Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Verdana,Helvetica,sans-serif;
}

#ql-editor h3::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -8px;
  z-index: -1;
}

#ql-editor h4 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5em;
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 2px;
  padding-left: 17px!important;
  font-family: Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Verdana,Helvetica,sans-serif;
}

#ql-editor h4::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 10px;
  height: 10px; 
  transform: rotate(45deg);
}

#ql-editor h5 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.8px;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding-top: 0px;
  padding-left: 10px;
  font-family: Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Verdana,Helvetica,sans-serif;
}

#ql-editor h6 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5em;
  position: relative;
  margin-top: 30px;
  margin-left: 0px;
  margin-bottom: 10px;
  padding-left: 17px!important;
}

#ql-editor h6::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

#ql-editor strong {
  font-weight: bolder;
}

.ql-editor ol li:not(.ql-direction-rtl)::before {
  text-align: center;
  width: 16px;
}

.ql-editor ol li:before {
  content: counter(list-0,decimal);
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 0.5em!important;
}

.ql-editor ul {

}

.ql-editor ul>li {
  position: relative;
  list-style-type: none!important;
}

.ql-editor ul>li::before {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 8px;
  height: 2px;
  top: 9px;
  left: 0;
  border-radius: 2px;
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1,decimal);
    margin-left: 0.05em;
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2,decimal);
    margin-left: 2.1em;
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3,decimal);
    margin-left: 3.8em;
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4,decimal);
    margin-left: 5.5em;
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5,decimal);
    margin-left: 7.2em;
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6,decimal);
    margin-left: 8.9em;
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7,decimal);
    margin-left: 10.6em;
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8,decimal);
    margin-left: 12.3em;
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9,decimal);
    margin-left: 14.0em;
}

.ql-editor ul>li:not(.ql-direction-rtl)::before {
  margin-left: -1em;
  text-align: unset;
}

/*------- .ql-indent-1 -------*/
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1.0em!important;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1.8em!important;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 1em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 1.5em
}

.ql-editor ul>li.ql-indent-1:not(.ql-direction-rtl)::before {
  margin-left: 0.6em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1.0em!important;
}

.ql-editor h2.ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 0.7em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 1.0em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-1:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 1.2em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-1:not(.ql-direction-rtl)::before {
  
}

.ql-editor h5.ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 0.7em!important;
}

.ql-editor h5.ql-indent-1:not(.ql-direction-rtl)::before {
  
}

.ql-editor h6.ql-indent-1:not(.ql-direction-rtl) {
  margin-left: 0.7em!important;
}

.ql-editor h6.ql-indent-1:not(.ql-direction-rtl)::before {
  
}


/*------- .ql-indent-2 -------*/
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 2em!important;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 3.2em!important;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 2em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 2.5em
}

.ql-editor ul>li.ql-indent-2:not(.ql-direction-rtl)::before {
  margin-left: 2.0em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 2.0em!important;
}
  
.ql-editor h2.ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 1.4em!important;
  padding-left: 0!important;
}
  
.ql-editor h3.ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 1.9em!important;
  padding-left: 0.5em!important;
}
  
.ql-editor h3.ql-indent-2:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 2.1em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-2:not(.ql-direction-rtl)::before {
  
}
  
.ql-editor h5.ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 1.6em!important;
}
  
.ql-editor h5.ql-indent-2:not(.ql-direction-rtl)::before {
  
}
  
.ql-editor h6.ql-indent-2:not(.ql-direction-rtl) {
  margin-left: 1.6em!important;
}
  
.ql-editor h6.ql-indent-2:not(.ql-direction-rtl)::before {
  
}  
  

/*------- .ql-indent-3 -------*/
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 3em!important;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 4.6em!important;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 3em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 3.5em
}

.ql-editor ul>li.ql-indent-3:not(.ql-direction-rtl)::before {
  margin-left: 3.4em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 3.0em!important;
}

.ql-editor h2.ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 2.2em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 2.8em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-3:not(.ql-direction-rtl)::before {
}

.ql-editor h4.ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 3.1em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-3:not(.ql-direction-rtl)::before {
  margin-left: 1.0em!important;  
}

.ql-editor h5.ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 2.6em!important;
}

.ql-editor h5.ql-indent-3:not(.ql-direction-rtl)::before {
}

.ql-editor h6.ql-indent-3:not(.ql-direction-rtl) {
  margin-left: 2.5em!important;
}

.ql-editor h6.ql-indent-3:not(.ql-direction-rtl)::before {
  margin-left: 0!important;
}
  

/*------- .ql-indent-4 -------*/
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 4em!important;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 6.0em!important;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 4em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em
}

.ql-editor ul>li.ql-indent-4:not(.ql-direction-rtl)::before {
  margin-left: 4.8em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 4.0em!important;
  }
  
.ql-editor h2.ql-indent-4:not(.ql-direction-rtl) {
  margin-left: 3.0em!important;
  padding-left: 0!important;
}
  
.ql-editor h3.ql-indent-4:not(.ql-direction-rtl) {
  margin-left: 3.7em!important;
  padding-left: 0.5em!important;
}
  
.ql-editor h3.ql-indent-4:not(.ql-direction-rtl)::before {
}
  
.ql-editor h4.ql-indent-4:not(.ql-direction-rtl) {
    margin-left: 4em!important;
    padding-left: 0.5em!important;
}
  
.ql-editor h4.ql-indent-4:not(.ql-direction-rtl)::before {
  margin-left: 1.0em!important;  
}
  
.ql-editor h5.ql-indent-4:not(.ql-direction-rtl) {
  margin-left: 3.5em!important;
}
  
.ql-editor h5.ql-indent-4:not(.ql-direction-rtl)::before {

}
  
.ql-editor h6.ql-indent-4:not(.ql-direction-rtl) {
  margin-left: 3.5em!important;
}
  
.ql-editor h6.ql-indent-4:not(.ql-direction-rtl)::before {
  margin-left: 0!important;
}
  

/*------- .ql-indent-5 -------*/
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 5em!important;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 7.4em!important;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 5em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 5.5em
}

.ql-editor ul>li.ql-indent-5:not(.ql-direction-rtl)::before {
  margin-left: 6.2em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 5.0em!important;
}

.ql-editor h2.ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 3.8em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 4.6em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-5:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 5em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-5:not(.ql-direction-rtl)::before {
  
}

.ql-editor h5.ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 4.4em!important;
}

.ql-editor h5.ql-indent-5:not(.ql-direction-rtl)::before {
  
}

.ql-editor h6.ql-indent-5:not(.ql-direction-rtl) {
  margin-left: 4.4em!important;
}

.ql-editor h6.ql-indent-5:not(.ql-direction-rtl)::before {
  
}


/*------- .ql-indent-6 -------*/
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 6em!important;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 8.8em!important;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 6em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 6.5em
}

.ql-editor ul>li.ql-indent-6:not(.ql-direction-rtl)::before {
  margin-left: 7.6em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 6.0em!important;
}

.ql-editor h2.ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 4.6em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 5.5em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-6:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 5.9em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-6:not(.ql-direction-rtl)::before {
  
}

.ql-editor h5.ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 5.3em!important;
}

.ql-editor h5.ql-indent-6:not(.ql-direction-rtl)::before {
  
}

.ql-editor h6.ql-indent-6:not(.ql-direction-rtl) {
  margin-left: 5.3em!important;
}

.ql-editor h6.ql-indent-6:not(.ql-direction-rtl)::before {
  
}


/*------- .ql-indent-7 -------*/
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 7em!important;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 10.2em!important;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 7em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em
}

.ql-editor ul>li.ql-indent-7:not(.ql-direction-rtl)::before {
  margin-left: 9.0em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 7.0em!important;
}

.ql-editor h2.ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 5.4em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 6.4em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-7:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 6.8em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-7:not(.ql-direction-rtl)::before {
  
}

.ql-editor h5.ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 6.3em!important;
}

.ql-editor h5.ql-indent-7:not(.ql-direction-rtl)::before {
  
}

.ql-editor h6.ql-indent-7:not(.ql-direction-rtl) {
  margin-left: 6.3em!important;
}

.ql-editor h6.ql-indent-7:not(.ql-direction-rtl)::before {
  
}


/*------- .ql-indent-8 -------*/
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 8em!important;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 11.6em!important;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 8em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 8.5em
}

.ql-editor ul>li.ql-indent-8:not(.ql-direction-rtl)::before {
  margin-left: 10.4em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 8.0em!important;
}

.ql-editor h2.ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 6.2em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 7.3em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-8:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 8em!important;
  padding-left: 0.5em!important;
}

.ql-editor h4.ql-indent-8:not(.ql-direction-rtl)::before {
  
}

.ql-editor h5.ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 7.3em!important;
}

.ql-editor h5.ql-indent-8:not(.ql-direction-rtl)::before {
  
}

.ql-editor h6.ql-indent-8:not(.ql-direction-rtl) {
  margin-left: 7.3em!important;
}

.ql-editor h6.ql-indent-8:not(.ql-direction-rtl)::before {
  
}


/*------- .ql-indent-9 -------*/
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 9em!important;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 13.0em!important;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 9em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 9.5em
}

.ql-editor ul>li.ql-indent-9:not(.ql-direction-rtl)::before {
  margin-left: 11.8em;
  text-align: unset;
}

/*-- ヘッドラインタグ調整 --*/
.ql-editor h1.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 1.0em!important;
}

.ql-editor h2.ql-indent-9:not(.ql-direction-rtl) {
  margin-left: 9.0em!important;
  padding-left: 0!important;
}

.ql-editor h3.ql-indent-9:not(.ql-direction-rtl) {
  margin-left: 12.6em!important;
  padding-left: 0.5em!important;
}

.ql-editor h3.ql-indent-9:not(.ql-direction-rtl)::before {
  
}

.ql-editor h4.ql-indent-9:not(.ql-direction-rtl) {

}

.ql-editor h4.ql-indent-9:not(.ql-direction-rtl)::before {
  
}

.ql-editor h5.ql-indent-9:not(.ql-direction-rtl) {
  margin-left: 9em!important;
}

.ql-editor h5.ql-indent-9:not(.ql-direction-rtl)::before {
  
}

.ql-editor h6.ql-indent-9:not(.ql-direction-rtl) {
  margin-left: 9em!important;
}

.ql-editor h6.ql-indent-9:not(.ql-direction-rtl)::before {
  
}

/*------ Blog end ------*/

/*------ Instagram start ------*/
.trim {
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 40px 0 50px 0;
}

.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  height: 100%;
}

.ig-profiles {
  display: block;
  margin-left: calc(100% / 2 - 100px);
}

.ig-profile:after {
  display: block;
  content: '';
  clear: both;
}

/* モーダルウィンドウ */
.ig-detail {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  width: 80%;
  z-index: 20;
  overflow-y: auto;
  height: auto;
  min-height:auto;
  max-height:90%;
}

.ig-detail::-webkit-scrollbar{
  width: 10px;
}
.ig-detail::-webkit-scrollbar-track{
  background-color: #f1f1f1;
}
.ig-detail::-webkit-scrollbar-thumb{
  background-color: #c1c1c1;
}

/* モーダルを開いたとき */
.ig-detail.ig-active,
.over-lay.ig-active {
  display: block;
}

.instagram {
  padding: 22px 10px 5px 10px;
  overflow: hidden;
}

.flex-box-item-3col-ig {
  width: calc(100% / 3 - 10px);
  object-fit: cover;
}

.ig-img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  cursor: pointer;
}

.ig-detail-text {
  margin: 10px;
}

.ig-detail-img {
  /*height: 100%;*/
}

.ig-like {
  position:absolute;
}

.ig-time {
  position:absolute;
  right:0;
}

.ig-relative {
  position: relative;
}

.id-font-size {
  font-size: 21px;
}

.ig-caption {
  font-size: 18px;
  margin-bottom: -5px;
}

.ig-comment {
  font-size: 14px;
  padding-top: 15px;
}

.ig-img-list {
  width: auto;
}

.video-js .vjs-tech {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.video-js .vjs-control {
  margin-right: 20%;
}

.video-js .vjs-big-play-button,
.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control,
.video-js .vjs-progress-control {
  display: none;
}

video.ig-img,
video.ig-detail-img {
  width: 100%;
  backface-visibility: hidden;
}

/*-- その他 画面幅 980px 未満 --*/
@media only screen and ( max-width : 980px ) { 
  .ig-img {
    height: 190px;
  }

  .video-js .vjs-tech {
    height: 190px;
  }

  .video-js .vjs-control {
    margin-right: 18%;
  }

  @media only screen and ( max-width : 880px ) {
    .ig-img {
      height: 180px;
    }

    .video-js .vjs-tech {
      height: 180px;
    }

    .video-js .vjs-control {
      margin-right: 15%;
    }

    @media only screen and ( max-width : 720px ) {
      .ig-img {
        height: 150px;
      }

      .video-js .vjs-tech {
        height: 150px;
      }

      .video-js .vjs-control {
        margin-right: 5%;
      }

      @media only screen and ( max-width : 630px ) {
        .ig-img {
          height: 120px;
        }

        .video-js .vjs-tech {
          height: 120px;
        }

        .video-js .vjs-control {
          margin-right: 0%;
        }
      }
    }
  }
}

/*------ Instagram end ------*/

/*------ slider start ------*/
.slider .slick-slide{
	height:auto!important;
}

.slider .slick-next{
  right:0!important;
}

.slider .slick-prev{
  left:0!important;
}

.slick-dots {
  position: absolute;
  bottom: 5px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #fff;
}

.slick-arrow {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 0;
  width: 20px;
  height: 100%;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}

.slick-arrow:hover {
  opacity: 0.7;
}

.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  position: absolute;
  bottom: 0;
  margin: 7px;
  content: "";
  vertical-align: middle;
}

.slick-next::after,
.slick-prev::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.slick-next::after {
  right: 4px;
  transform: rotate(45deg);
  top: 45%;
}

.slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
  top: 45%;
}

.slick-next::after,
.slick-prev::after {
  width: 10px;
  height: 10px;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}
/*------ slider end ------*/

#recruit-3,#recruit-5 {
  border-bottom: 1px solid;
  font-size: 18px;
  font-weight: 500;
}

#recruit-2 section h2 {
  border-bottom: 1px solid;
  font-size: 18px;
  font-weight: 500;
}

.font-size-inherit {
  font-size: inherit !important;
}