@charset "utf-8";

/*============================================
  color-01.css
  「modern」青色パターンの各種カラー定義

  ToDo：パーツが増える場合はこのファイルでカラーを定義する
==============================================*/

/*============================================
  タグのスタイル変更
==============================================*/

body {
  color: #4d4d4d;
}

h2 {
  color: #127ae2;
}

h2 span:before {
  background-color: #b7e3eb;
}

h3 {
  color: #0c7ae9;
}

h4 {
  color: #0c7ae9;
}

h5 {
  color: #0c7ae9;
}

h6 {
  color: #0c7ae9;
}

h1.sec:before,
h1.sec:after {
  background-color: #2273c3;
}

h3.sentence_h3 {
  border-left: solid 3px #b7e3eb;
}

h3.sentence_h3::before {
  border-left: solid 3px #b7e3eb;
}

h4.sentence_h4 {
  border-left: solid 2px #b7e3eb;
}

h4.contrast_h4 {
  border: solid 1px #79c8d7;
}

h5.contrast_h5::before {
	border-left: solid 1px #79c8d7;
	border-top: solid 1px #79c8d7;
	border-bottom: solid 1px #79c8d7;
}

h5.contrast_h5::after {
	border-right: solid 1px #79c8d7;
	border-top: solid 1px #79c8d7;
	border-bottom: solid 1px #79c8d7;
}

ul.bullets-list li:before {
  background: #79c8d7;
}

.read_text {
  color: #0c7ae9;
}

.bold_text {
  color: #0c7ae9;
}

.partial_underline {
  border-bottom: 1px solid #79c8d7;
}

.contrast_text {
	color: #0c7ae9;
	border-bottom: 1px solid #79c8d7;
}

ol {
  color: #0c7ae9;
}

ol p {
  color: #4d4d4d;
}

ol li {
  font-size: 15px !important;
}
ol li::before {
  border-color: #79c8d7 !important;
  color: #0c7ae9 !important;
}

h5.sentence_h5::before {
  content: url(../../../../img/h5_01.svg);
}

h6.sentence_h6::before {
  content: url(../../../../img/h6_01.svg);
}

h6.contrast_h6::before {
  content: url(../../../../img/contrast_h6_left_01.svg);
}

h6.contrast_h6::after {
  content: url(../../../../img/contrast_h6_right_01.svg);
}

.contrast::before {
  content: url(../../../../img/contrast_left_01.svg);
}

.contrast::after {
  content: url(../../../../img/contrast_right_01.svg);
}

a:link,
a:visited,
a:active {
  color: #4b7bce;
}

.privacy a:link,
.privacy a:visited,
.privacy a:active {
  color: #cde0ff;
}

.privacy {
  color: #fff;
}

a:hover {
  color: #ff685e;
}

hr {
  background-color: #808080;
  color: #808080;
}

ol li:before {
  border-color: #58453a;
  color: #58453a;
}

/*============================================
  入力フォーム系パーツ
==============================================*/
.input-form .required {
  color: #eb2312;
  border-color: #eb2312;
}

.input-form table.form-table {
  border-color: #0c7ae9;
}

.input-form table.form-table > tbody > tr {
  border-bottom-color: #79c8d7;
}

.input-form table.form-table > tbody > tr > th,
.input-form table.form-table > tbody > tr > td {
  border-bottom-color: #79c8d7;
}

.input-form table.form-table > tbody > tr > th {
  border-right-color: #79c8d7;
  color: #0c7ae9;
}

.input-form table.form-table > tbody > tr > th > div:after {
  background-color: #b7e3eb;
}

/*-- テキストボックス --*/
input[type="text"] {
  border-color: #c0c1c1;
  color: #4d4d4d;
}

input[type="text"]:focus {
  border-color: #79c8d7;
}

/*-- プレースホルダーの色 --*/
input::placeholder,
textarea::placeholder {
  color: #adadad;
}

/*-- プレースホルダーの色 IE用 --*/
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #adadad;
}

/*-- プレースホルダーの色 旧Edge用 --*/
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #adadad;
}

/*-- テキストエリア --*/
textarea {
  border-color: #c0c1c1;
  color: #4d4d4d;
}

textarea:focus {
  border-color: #79c8d7;
}

/*-- セレクトボックス --*/
select{
  border-color: #c0c1c1;
  background-color:#fff;
}

.selectbox::after{
  border-bottom-color: #0c7ae9;
  border-right-color: #0c7ae9;
}

/*-- 送信、OKボタン --*/
a.submit-btn,
a.submit-btn-inline,
input.submit-btn,
input.submit-btn-inline
{
  background-color: #0c7ae9;
  color: #fff;
  box-shadow: 0px 2px 4px 0px #868c91;
}

a.submit-btn:hover,
a.submit-btn-inline:hover,
input.submit-btn:hover,
input.submit-btn-inline:hover
{
  background: rgb(117,207,255);
  background: -moz-radial-gradient(circle, rgba(117,207,255,1) 6%, rgba(65,188,255,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(117,207,255,1) 6%, rgba(65,188,255,1) 100%);
  background: radial-gradient(circle, rgba(117,207,255,1) 6%, rgba(65,188,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75cfff",endColorstr="#41bcff",GradientType=1);
  box-shadow: 0px 2px 4px 0px #abaeb1;
}

/*-- 戻る、キャンセルボタン --*/
a.cancel-btn,
a.cancel-btn-inline
{
  background-color: #fff;
  color: #808080;
  border-color: #808080;
  box-shadow: 0px 2px 4px 0px #868c91;
}

a.cancel-btn:hover,
a.cancel-btn-inline:hover
{
  box-shadow: 0px 2px 4px 0px #abaeb1;
}

a.cancel-btn:before,
a.cancel-btn-inline:before
{
  border-bottom-color: #808080;
  border-right-color: #808080;
}

/*-- フォーム内注意テキスト --*/
.f-attension {
  color: #eb2312;
}

.f-attension-B {
  color: #eb2312;
}

/*-- 入力エラーテキスト --*/
.input-error {
  color: #eb2312;
}

/*-- 送信ボタン上方のエラー告知エリア --*/
.error-announce {
  background-color: #ffe8e8;
  border-color: #eb2312;
  color: #eb2312;
}


/*============================================
  単発パーツ、その他
==============================================*/
/*-- 文字カラー --*/
/* 基本カラー */
.color-basic {
  color: #0c7ae9;
}

/* 文章カラー */
.color-text {
  color: #4d4d4d;
}

/*-- フレックスアイテム内等で使うタイトル・見出し --*/
.title-in-cell {
  color: #0c7ae9;
}

/*-- 区切り線 --*/
.line1 {
  background: rgba(153,153,154,1);
}

/*-- グラデーション区切り線 --*/
.grd-line1 {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(153,153,154,1) 13%, rgba(153,153,154,1) 87%, rgba(255,255,255,0) 100%);
}

.grd-line2 {
  height: 1px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 87%, rgba(255,255,255,0) 100%);
}

.grd-line3 {
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(65,151,255,1) 13%, rgba(65,151,255,1) 87%, rgba(255,255,255,0) 100%);

}


/*-- リードコピーエリア--*/
.lead-copy h1 {
  color: #2273c3;
}

/*-- hタグのスタイル変更 --*/
.hl-typeA {
  color: #0c7ae9;
}

/*-- ボタン型リンク --*/
.link-button {
  border-color: #8ca8d9;
}

/*-- ページ内リンク --*/
.link-in-page-list ul li {
  border-left-color: #c0c1c1;
}

.link-in-page-list ul li:last-child {
  border-right-color: #c0c1c1;
}

@media only screen and ( max-width : 428px ) {
  .link-in-page-list {
    border-color:  #0c7ae9;
  }
}

/*-- 汎用テーブル --*/
table.info-table {
  border-color: #2273c3;
}

table.info-table th,
table.info-table td
{
  border-bottom-color: #2273c3;
  border-right-color: #2273c3;
}

/*-------------- 汎用テーブル（横スクロール版） -----------------*/
table.normal-table {
  border-color: #b7e3eb;
}

table.normal-table th,
table.normal-table td {
  border-color: #b7e3eb;
}

.th-color{
  background-color: #2273c3;
  color: #fff;
}

.column-left{
  color: #0c7ae9;
}

/*-- 汎用定義リスト type-1 --*/
dl.explan-list > dt {
  color: #0c7ae9;
}

dl.explan-list > dt:after {
  background: #b7e3eb;
}

/*-- 汎用定義リスト type-2 --*/
dl.explan-list2 > dt {
  color: #0c7ae9;
}

/*-- 本文アコーディオンエリア --*/
.show-more {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.show-more-button {
  color: #fff;
  background-color: rgba(74,153,232,0.8);
}

.show-more-button:after {
  border-bottom-color: #fff;
  border-right-color: #fff;
}

.show-more-button.schedule-more-button {
  border-color: #0c7ae9;
  color: #0c7ae9;
  background-color: #fff;
}

.schedule-more-button::before {
  content: url(../img-parts/arrow-btn-color01.png);
}

/*-- 汎用ボタンリンク --*/
a.btnType-A {
  background-color: #4187ff;
  color: #fff;
}

a.btnType-A:hover {
  background: rgb(117,207,255);
  background: -moz-radial-gradient(circle, rgba(117,207,255,1) 6%, rgba(65,188,255,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(117,207,255,1) 6%, rgba(65,188,255,1) 100%);
  background: radial-gradient(circle, rgba(117,207,255,1) 6%, rgba(65,188,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75cfff",endColorstr="#41bcff",GradientType=1);
}

/*-- コラムリスト --*/
.column-list-link {
  border-top-color: #c0c1c1;
}

.column-list-link:last-child {
  border-bottom-color: #c0c1c1;
}

.column-list-link li:before {
  color: #8c997c;
}

/*-- 画面最上部の横棒パーツ --*/
.container-top-border {
  border-top-color: #0c7ae9;
}

/*-- 採用情報ページ下部の問合せ先ボタン --*/
.recruit-tell-button {
  background-color: #0c7ae9;
  background-image: url(../img-parts/icon-tel-color00.png);
  color: #fff!important;
}

/*-- 診療内容から料金表へのリンク --*/
.link_arrow a{
  border-bottom: 1px solid #4b7bce;
}


/*============================================
  ヘッダーエリア
==============================================*/

/*-- Cタイプ（旧Eタイプ）用ヘッダー電話番号エリア --*/
.head-tel-area {
  border-left-color:  #0c7ae9;
  border-bottom-color:  #0c7ae9;
  border-right-color:  #0c7ae9;
  background-color: rgba(255, 255, 255, 0.8);
}

.header-address {
  color: #808080;
}

.tell-parts1 {
  border-color: #8ca8d9;
  color: #0c7ae9;
}

.tell-number {
  color: #0c7ae9;
  background-image: url(../img-parts/icon-tel-color01.png);
}

.tell-medi-hours {
  color: #808080;
}

.header-right .tell-number {
  border-color: #8ca8d9;
  color: #0c7ae9;
}

@media only screen and ( max-width : 428px ) {
  #sp-menu-hbm-area nav {
    background-color: #0c7ae9;
  }

  #sp-menu-hbm-area nav .inner ul li {
    border-bottom-color: #4d4d4d;
  }

  #sp-menu-hbm-area nav .inner ul li a {
    color: #4d4d4d;
  }

  #sp-menu-hbm-area nav .inner ul li a:hover {
    background-color: #e4e4e4;
  }

  .sp-menu-hbm-btn span {
    background-color: #0c7ae9;
  }

  .sp-menu-hbm-btn > div {
    color: #4b7bce;
  }

  .open#sp-menu-hbm-area {
    background-color: #0c7ae9;
  }
  
  .open .sp-menu-hbm-btn span {
    background-color: #fff;
  }
  
  .open .sp-menu-hbm-btn > div {
    color: #fff;
  }

  .open #mask {
    background-color: #fff;
  }
  
}



/*============================================
  フッターエリア
==============================================*/

.footer-lower-part {
  background-color: #0c7ae9;
}

.copylight {
  color: #fff;
}

#lower-sticky-area {
  background-color: #0c7ae9;
}

/*============================================
  グローバルナビゲーション
==============================================*/
.global-navi ul li {
  border-left-color: #c0c1c1;
}

.global-navi ul li:last-child {
  border-right-color: #c0c1c1;
}

/*-- グローバルナビゲーションの背景パーツ --*/
.global-navi-bk {
  background: #4b7bce;
}

.global-navi-bk a:active,
.global-navi-bk a:link,
.global-navi-bk a:visited {
  color: #fff;
}

.global-navi-bk a:hover {
  color: #ff685e;
}

/*-- 左or右サイド グローバルナビゲーション --*/
.global-navi-side {
  border-color: #0c7ae9;
}

/*-- メイン画像にオーバーライドさせる場合 --*/
.logo-menu-area {
    border-left-color: #0c7ae9;
    border-bottom-color: #0c7ae9;
    border-right-color: #0c7ae9;
    background-color: rgba(255, 255, 255, 0.8);
}


/*============================================
  TOPページ用スタイル
==============================================*/
/*-- お知らせ --*/
.info {
  border-color: #808080;
}

/*-- 診療時間 --*/
table.hours_table {
  border-color: #4b7bce;
}

table.hours_table td {
  color: #2273c3;
}

table.hours_table tr td:first-child {
  color: #4d4d4d;
}

table.hours_table tr:first-child {
  color: #2273c3;
}

table.hours_table tr:nth-child(2) td {
  border-bottom-color: #8ca8d9;
}

table.hours_table th {
  border-top-color: #2273c3;
  border-bottom-color: #8ca8d9;
}

.recep-time dt {
  color: #fff;
}

.recep-time .open-day1 {
  color: #333;
  background-color: #84d2ff;
}

.recep-time .open-day2 {
  background-color: #1d80d1;
}

.recep-time .closed-day {
  background-color: #ff685e;
}

/*-- アクセス --*/
.address-title {
  border-color: #8ca8d9;
}

.access-text dl span,
.access-text-typeB dl span {
  color: #0c7ae9;
}



/*============================================
  セカンドページ用スタイル
==============================================*/
h1.sec {
  color: #2273c3;
  border-color: #0c7ae9;
}

/*-- Cタイプ（旧Eタイプ）用セカンドページh1 --*/
#sec-main-image h1.ptnC {
  color: #0c7ae9;
  border-color: #ff7b2e;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}

/*------ アクセス・診療時間用Tell番号 ------*/
.tell-number-B {
  color: #0c7ae9;
  background-image: url(../img-parts/icon-tel-color01.png);
}


/*------ スタッフ紹介ページ用スタイル ------*/
.position {
  color: #127ae2;
}

.director-name {
  color: #2273c3;
}

.director-lead-txt {
  color: #0c7ae9;
}

.staff-position {
  color: #127ae2;
}

.staff-name {
  color: #2273c3;
}


/*------ 料金表 ------*/
.price-lead {
  color: #127ae2;
}

.price-table-row {
  border-top-color: #c0c1c1;
}

.price-table-row:last-child {
  border-bottom-color: #c0c1c1;  
}

.price-text {
  color: #0c7ae9;
}

.payment-table {
  border-bottom-color: #c0c1c1;
}

.payment-table tr {
  border-top-color: #c0c1c1;
  border-bottom-color: #c0c1c1;
}

.hl-typeD::before {
  background: #b7e3eb;
}

.hl-typeD-right::before {
  background: #b7e3eb;
}

.hl-typeD3-2::before {
  background: #b7e3eb;
}

.hl-typeD2:before {
  background: #b7e3eb;
}

ul.bullets-list2 li:before {
  background: #b7e3eb;
}

/*-- 箇条書きリスト（テーブル内用）--*/
ul.bullets-list3 > li::marker {
  color: #2273c3;
}

.products-comment-toggle {
  color: #4b7bce;
  border: 1px solid #4b7bce;
}

.products-comment-toggle::after {
  border-top: solid 2px #4b7bce;
  border-right: solid 2px #4b7bce;
}


/*------ 採用情報 ------*/
.recruit-lead1 {
  color: #0c7ae9;
}

.recruit-lead2 {
  color: #0c7ae9;
}

.recruit-order-h {
  color: #fff;
  background-color: #0c7ae9;
}

.emp-cond-tab dt:after {
  background: #b7e3eb;
}

.emp-cond-tab dd {
  background-color: #fff;
}

.work-flow h2 {
  background: #127ae2;
  color: #Fff;
}

.work-flow h2:before {
  border-top-color: #fff;
}

.work-flow h2:after {
  border-top-color: #127ae2;
}

.work-flow ol li {
  border-bottom-color: #c0c1c1;
}

.work-flow-time {
  color: #0c7ae9;
}

.work-flow-h {
  color: #0c7ae9;
}

.boxc.aplication {
  border-color: #ff6a2e;
}

.aplic .destination {
  border-color: #0c7ae9;
}

.aplic .tell-number:before {
  background-image: url(../img-parts/icon-tel-color01.png);
}

.tabs {
  border-top-color: #4b7bce;
}

.tab-item {
  border-bottom-color: #0c7ae9;
  background-color: #e5f2ff;
}

.tab-item h2 {
  color: #4b7bce;
}

.tab-content {
  border-top-color: #0c7ae9;
}

.tab-item.active.tab-sp-top, .tab-item.active.tab-sp-bottom {
  background-color: #fff;
  border-color: #0c7ae9;
}

.tab-item.active h2 {
  color: #0c7ae9;
}

.tab-item.tab-sp-top.select-top.not-active {
  border-top-color: #0c7ae9;
}

.tab-item.tab-sp-bottom.select-bottom.not-active {
  border-bottom-color: #0c7ae9;
}

.box.no-recruit .no-recruit-title {
  color: #0c7ae9;
}

.box.no-recruit .no-recruit-description {
  color: #4d4d4d;
}

/*------ お知らせ ------*/
#content-title {
  color: #2273c3;
}

#content-submission-date {
  color: #626468;
}

/*------ Blog ------*/
.blog_entry_time {
  color: #9fa0a0;
}

a.blog_entry_title {
  color: #0c7ae9;
}

a.blog_entry_title:hover {
  color: #ff685e;
}

.blog_pagenation_border {
  color: #0c7ae9;
}

.blog_pagenation_border:hover {
  color: #ff685e;
}

.blog_pagenation_current_page {
  color: #9fa0a0;
  background-color: #b7e3eb;
}

/* Instagram */
.over-lay {
  background-color: rgba(62,58,57,0.4);
}

.ig-detail {
  background-color: #fff;
}

.ig-caption {
  color: #4d4d4d; /* 旧カラー: #333 */
}

a.ig-name {
  color: #0c7ae9; /* 旧カラー: #4187ff */
}

a.ig-username {
  color: #4d4d4d; /* 旧カラー: #333 */
}

a.ig-detail-name {
  color:#4b7bce; /* 旧カラー: #1080b3 */
}

/*============================================
  画面下部スティッキーエリア
==============================================*/
.to-top-btn {
  background-color: rgba(0,0,0,.6);
}

.sticky-btns-area {
  background-color: rgba(0,0,0,.6);
}

.sticky-btns-area a {
  color: #0c7ae9;
  border-color: #0c7ae9;
  background-color: rgba(255,255,255,0.8);
}

.nav-detail {
  color: #fff;
  background-color: rgba(74,153,232,1);
}

.nav-detail-triangle {
  border-bottom-color: rgba(74,153,232,1);
}

.stroke-color {
  stroke: #4b7bce;
}

.link-arrow-extra {
  border-left-color: #4b7bce;
}

/*============================================
  ブログ記事ページの各パーツ
==============================================*/
#ql-editor h1 {
  color: #0c7ae9;  
}

#ql-editor h2::before {
  background-color: #b7e3eb;
}

#ql-editor h2::after {
  border-bottom: 1px solid #127ae2; 
}

#ql-editor h3 {
  border-left: solid 3px #b7e3eb;
}

#ql-editor h3::before {
  border-left: solid 3px #b7e3eb;
}

#ql-editor h4::before {
  background-color: #b7e3eb; 
}

#ql-editor h5 {
  border-left: solid 3px #b7e3eb;
}

#ql-editor h6::before {
  background-color: #b7e3eb;
}

#ql-editor ul>li::before {
  background: #79c8d7;
}

#ql-editor strong {
  color: #0c7ae9!important;
}