@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*モバイルでも「トップへ戻るボタン」を表示させる*/
/* Page top Btn */
@media screen and (max-width: 834px){
.go-to-top-button {
	height: 50px;
	width: 50px;
	transition: transform 5s ease-in-out;
	transition: all 0.5s ease-out;
	opacity: 0.8!important;
  }
  .no-mobile-sidebar .sidebar,
  .mobile-button-fmb .go-to-top-button,
  .no-mobile-header-logo #header .logo-header {
	display: block;
  }
    .mblt-footer-mobile-buttons .go-to-top-button,
  .mblt-header-and-footer-mobile-buttons .go-to-top-button {
	display: block;
  }
}


/*文字を小さくしたいときのスタイル*/
.em09{font-size:0.9em;}
.em08{font-size:0.8em;}
.em07{font-size:0.7em;}
.em06{font-size:0.6em;}
.em05{font-size:0.5em;}
/*文字を大きくしたいときのスタイル*/
.em11{font-size:1.1em;}
.em12{font-size:1.2em!important;}
.em13{font-size:1.3em;}
.em14{font-size:1.4em;}
.em15{font-size:1.5em;}
.em20{font-size:2em;}
.em50{font-size:5em;}
.em100{font-size:10em;}
.em200{font-size:20em;}

/*font-weight*/
.fw-normal{
	font-weight:normal;
}
.fw-bold{
	font-weight:bold;
}

/*margin:auto*/
.marginauto {
	margin-left:auto!important;
	margin-right:auto!important;
}
/*text-align:center*/
.txtcenter {
	text-align:center;
}


/*電話番号リンク：下線なし*/
.telnum a,
a.telnum{text-decoration:none !important;}

/*行の高さバリエーション*/
.lh-1{line-height:1em;}
.lh-1_1{line-height:1.1em;}
.lh-1_2{line-height:1.2em;}
.lh-1_4{line-height:1.4em;}
.lh-1_5{line-height:1.5em;}
.lh-08{line-height:80%;}

.pd-0{padding:0;}
.mg-0{margin:0;}

/*モバイル時に任意の場所を強制改行させる*/
@media screen and (max-width: 480px){
.mobile-display-block {
	display:block;
}
}

/*アラートボックスなどのアイコンの色を濃く*/
:is(.is-style-alert-box, .alert-box, .alert)::before {
    color: #d6969c;
}
:is(.is-style-question-box, .question-box, .question)::before {
    color: #e1d780;
}
:is(.is-style-memo-box, .memo-box)::before {
    color: #aeda69;
}
/*「OK」ボックスの「◯」の色*/
:is(.is-style-ok-box, .ok-box)::before, :is(.is-style-good-box, .good-box)::before, :is(.is-style-profile-box, .profile-box)::before {
    color: #ed42fa;
}


/*通常の区切り線*/
/*hr {
    color: #b7d7e5;
}*/

/*モバイル時のフッターメニューを非表示*/
ul.mobile-footer-menu-buttons.mobile-menu-buttons {
    display: none;
}

/*モバイルのサイドバーボタンを非表示*/
/*li.sidebar-menu-button.menu-button {
    display: none;
}*/


/*モバイル時のメニューアイコン横線*/
.mobile-menu-buttons .menu-icon {
    font-size: 28px;
}
/*モバイル時のメニューアイコン下テキスト「メニュー」*/
.mobile-menu-buttons .menu-caption {
    font-size: 9px;
	font-weight:bold!important;
}

/*関連記事を非表示に*/
.under-entry-content {
    display: none;
}


/*フロントページのキャッチフレーズ*/
.header-in>.tagline {
    font-size: 18px;
	color: #55607f;
}
@media screen and (max-width: 480px) {
 .tagline {
    font-size: 14px!important;
    }
}
/*サイトキャッチフレーズの文字間隔*/
.skin-grayish {
    letter-spacing: 0rem;
}

/*ロゴ下「Scroll」の文字*/
.skin-grayish.front-top-page .skinadd-topmv-scroll {
	font-size: 16px;
}
@media screen and (max-width: 1023px) {
    .skin-grayish.front-top-page .skinadd-topmv-scroll {
        bottom: 40px;
    }
}

/*フロントページのロゴ下余白*/
.skin-grayish.front-top-page .header .header-in .logo-image {
    margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
.logo-image {
    margin-bottom: 1.5rem;
}
}

/*ウィジェット（トップ）の外形*/
#top-clear-philosophy{
	border-bottom:solid 1px #aac2d2;
	padding-bottom:30px;
	margin-bottom:20px;
}

/*ウィジェット（トップ）のタイトル*/
.widget-index-top-title.main-widget-label.widget-title{
	text-align: center;
	color:#aac2d2;
	font-size:45px;
	border-bottom:none;
	/*margin-bottom:0px;*/
	margin-top: -1em;
}
@media screen and (max-width: 480px){
	.widget-index-top-title.main-widget-label.widget-title{
	font-size: clamp(24px, 8.5vw, 32px);
	}
}
/*ウィジェット（ボトム）のタイトル*/
.widget-index-bottom-title.main-widget-label.widget-title{
	text-align: center;
	color:#aac2d2;
	font-size:45px;
	border-bottom:none;
	/*margin-bottom:0px;*/
	border-top:solid 1px #aac2d2;
	padding-top:3rem;
}
@media screen and (max-width: 480px){
	.widget-index-bottom-title.main-widget-label.widget-title{
	font-size: clamp(24px, 8.5vw, 32px);
	}
}
/*ウィジェット（トップ）のテキスト幅制御*/
p.clear-top-widget{
	/*text-align:center;*/
	text-align: justify;
	width:50%;
	margin:auto;
	/*margin-bottom:1em;*/
	padding-bottom:1em;
}
@media screen and (max-width: 480px){
 p.clear-top-widget{
	/*text-align:center;*/
	text-align: justify;
	width:90%;
	margin:auto;
	/*margin-bottom:1em;*/
}
}
.list-more-button.philosophy-more {
    border-radius: 0px;
	width:33%;
	border: 1px solid #c0bfbf;
	margin: 1.6em 0 2em;
    padding: 0.6rem;
}
@media screen and (max-width: 480px){
.list-more-button.philosophy-more {
    border-radius: 0px;
	width:90%;
}
}


/*フロントページのタブ角丸*/
.index-tab-buttons .index-tab-button {
 border-radius: 5px !important;
}

/*フロントページのタブテキスト制御*/
label.index-tab-button{
    color: var(--skin-grayish-site-name-txt);
    font-size: 16px;
    font-weight: bold;
    background: none;
    border: none;
    border-bottom: 3px double var(--LtBlue_T0);
    border-radius: 0px;
    opacity: 1;
}
/*フロントページのタブテキスト：アクティブなタブ*/
.skin-grayish #index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1],
.skin-grayish #index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2],
.skin-grayish #index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3],
.skin-grayish #index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4]{
	 font-weight: bold;
	 color:#4ba0c9;
 }


/*フロントページの「NewPost」タイトルの下余白を狭く*/
.skin-grayish .list-new-entries .list-title, .skin-grayish.front-top-page .front-page-type-category .list-columns .list-column:first-child h1 {
    margin-bottom: 0em;
}
/*フロントページの「NewPost」-->「最新の記事」非表示*/
.skin-grayish .list-new-entries .list-title-in {
    text-indent: 9999px;
	height:0px;
}
/*フロントページのトップメニュー：アクティブなとき*/
.skin-grayish :where(.navi-in, .navi-footer-in) a:hover {
    background-color: transparent;
    color: #9200ff;/*var(--skin-grayish-site-main-hover);*/
}

/*Cocoonが出力するフロントページの「新着情報」を非表示*/
.skin-grayish .list-new-entries {
    display: none;
}
/*フロントページのエントリーカードにある「More」ボタンを非表示*/
.list-more-button {
	display: none;
}
.list-more-button.philosophy-more{
	display: inline-block;
}
/*フロントページのエントリーカードにある日付ブロックを非表示*/
.skin-grayish .entry-card .entry-card-content .entry-card-meta {
    position: relative;
    color: var(--skin-grayish-site-sub-color);
    display: none;
}

/*フロントページのタブメニューの上の文言（ウィジェット）*/
p.tab-pretitle {
    text-align: center;
    color: #6595b5;
    font-size: 18px;
	padding-top:20px;
}
@media screen and (max-width: 480px){
	p.tab-pretitle {
	padding-top:8px;
}
}

/*フロントページのタブメニューの上下余白*/
div#index-tab-wrap {
    margin-top: 40px;
    margin-bottom: 50px;
}
@media screen and (max-width: 480px){
	div#index-tab-wrap {
    margin-top: 20px;
    margin-bottom: 80px;
}
}

/*div#index-tab-wrap:before {
	content:"メニュー";
	/*text-align: center;*/
	margin: 1em auto;
    color: #aac2d2;
    font-size: 45px;
}
@media screen and (max-width: 480px){
	div#index-tab-wrap:before{
	font-size: clamp(24px, 8.5vw, 32px);
	}
}*/


/*.skin-grayish .list-columns .list-title-in, .skin-grayish .content-bottom .widget-content-bottom-title {
    text-align: center;
	color:#aac2d2;
	font-size:45px;
	border-bottom:none;
}
@media screen and (max-width: 480px){
	.skin-grayish .list-columns .list-title-in, .skin-grayish .content-bottom .widget-content-bottom-title{
	font-size: clamp(24px, 8.5vw, 32px);
	}
}*/

/*フロントページの「新着情報」ウィジェットの幅*/
.info-list.is-style-frame-border {
    max-width: 800px;
    margin: auto;
}

/*フロントページ：プロフィール直前の聴診器アイコン*/
p.stethoscope {
	text-indent:-9999px;
	width:100px;
	height:76px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/wp-content/uploads/2024/07/Heart_and_Laurier5.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100px 76px;
}

/*フロントページ：カード型エントリータイトルの太字・色*/
.skin-grayish .entry-card-title, .related-entry-card-title {
    font-size:20px;
}
@media screen and (max-width: 480px) {
.skin-grayish .entry-card-title, .related-entry-card-title {
    font-weight: bold;
	font-size:18px;
}
}

/*フロントページ：カード型エントリー：カテゴリーラベルを一部非表示*/
/*
ウィジェット「インデックスリストトップ」に
	↓
<style>.skin-grayish .cat-label {display:none;}</style>
	↓
	これを「トップページ」と「カテゴリ一覧」だけ表示する
*/


/*定休日カレンダーー*/

/*日付の色薄く*/
.xo-event-calendar table{
	color:#707070;
}
/*「今日の日付」を点滅させる*/
.xo-event-calendar table.xo-month .month-dayname td div.today {
	color:#00c9bb;
	-webkit-animation:blink .5s ease-in-out infinite alternate;
    -moz-animation:blink .5s ease-in-out infinite alternate;
    animation:blink .5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
}

/*カレンダーの上に付けるタイトル*/
p.cal-pretitle {
    text-align: center;
    color: #6595b5;
    font-size: 18px;
	padding-top:20px;
}
@media screen and (max-width: 480px){
	p.cal-pretitle {
	padding-top:8px;
}
}
.widget_xo_event_calendar{
	max-width:550px;
	margin:auto;
	/*pointer-events: none !important;*/
	/*↑設定で可能だった*/
}
@media screen and (max-width: 834px) {
	.widget_xo_event_calendar{
	max-width:auto;
}
}
.xo-event-calendar table.xo-month td, .xo-event-calendar table.xo-month th {
    background-color:inherit;
}
/*.month-event a{
	pointer-events: none !important;
	text-decoration:none;
	font-size:0.95em;
}
@media screen and (max-width: 834px) {
.month-event a {
	font-size: 1.25em;
	pointer-events: none !important;
    }
}
@media screen and (max-width: 480px) {
.month-event a {
	font-size: 1.25em;
	pointer-events: none !important;
    }
}*/

.widget_xo_event_calendar .month-event-space td {
    border-width: 0 1px 0 0;
}
.xo-event-calendar table.xo-month .month-week table {
    height: 2.5em;
}
/*彼ンター下部の「定休日」を非表示(上部に記載したので)*/
.widget_xo_event_calendar .xo-event-calendar p.holiday-title {
    /*text-indent: -9999px;*/
    /*height:1em;*/
    display:none;
}


/*平日の中に「◯」と付けたかった*/
/*table.month-event-space td:before {
    content: "◯";
    text-align: center !important;
    margin: auto;
    padding-left: 2em;
}
table.month-event-space td:before {
    content: "◯";
    text-align: center !important;
    margin: auto;
    padding-left: 2em;
}
table.month-event-space .holiday-all td:before {
    content: "も";
    text-align: center !important;
    margin: auto;
    padding-left: 2em;
}*/


/*日付（共通）のスタイル（■ 初期設定 ■）*/
/*.xo-event-calendar table.xo-month .month-dayname td div {
    border-width: 1px 1px 0 0;
    font-size: 100%;
    height: 1000px;
    line-height: 1.2em;
    padding: 4px;
    text-align: right;
}*/
/*日付（共通）のスタイル（大きくした場合）*/
.xo-event-calendar table.xo-month .month-dayname td div {
    border-width: 1px 1px 0 0;
    font-size: 1.2em;
    height: 1000px;
    line-height: 2.8em;
    padding: 4px;
    text-align: center;
}

/*フロントページ：プロフィール直前の区切り線*/
hr.frontpage-hr {
	width:auto;
	height:1px;
	border:none;
    border-bottom: solid 1px #aac2d2;
    /*padding-bottom: 30px;*/
    margin-bottom: 40px;
}
hr.page-hr {
	width:auto;
	height:1px;
	border:none;
    border-bottom: solid 1px #aac2d2;
}

/*ページ送りを非表示*/
/*ページ送りボタン*/
.pagination-next {
    display: none;
}
/*ページネーション(数字）*/
.skin-grayish .pagination {
    display: none;
}

/*★★★  コンテンツ幅  ★★★（PCフルの幅を800ｐｘまでに制限）*/


/*モバイル時の記事フォントサイズ*/
@media screen and (max-width: 480px) {
    .body, .menu-content {
        font-size: 16px;
    }
}

/*パンくずリストを非表示*/
/*div#breadcrumb {
    display: none;
}*/

/*記事タイトル下の余白を狭く*/
.article h2 {
    border-bottom: solid 4px var(--LtGray_T70);
    margin: 2em 0 2em 0;
    padding: 16px 8px;
    position: relative;
}

/*目次の項目の高さ狭く*/
.skin-grayish .tnt-number .toc-list>li {
    padding: 0 2em;
}

/*目次の上下幅*/
.skin-grayish .toc-title {
    background-image: linear-gradient(-45deg, #fff 25%, var(--skin-grayish-gradient) 25%, var(--skin-grayish-gradient) 50%, #fff 50%, #fff 75%, var(--skin-grayish-gradient) 75%, var(--skin-grayish-gradient));
    background-size: 8px 8px;
    font-weight: 400;
    padding: 5px 0 0px 0;
}

/*ブログカードの抜粋のフォントサイズ*/
@media screen and (max-width: 600px) {
    .skin-grayish .blogcard .blogcard-content .blogcard-snippet {
        font-size: 12px;
    }
}

.skin
/*内部ブログカードのサイト名など非表示*/
.skin-grayish .internal-blogcard .blogcard-footer {
    display: none;
}
/*サイト名*/
.skin-grayish .internal-blogcard .blogcard-site {
    display: none;
}
/*「ReadMore」ボタン*/
.skin-grayish .internal-blogcard::before {
    display: none;
}
/*更新日付*/
.skin-grayish .internal-blogcard .blogcard-date {
    display: none;	
}
/*下部の余白*/
.skin-grayish .internal-blogcard {
    grid-template-rows: none;
}

/*カテゴリーボタンを非表示*/
.entry-categories-tags {
    text-indent: 9999px;
	display:none;
}

/*SNSシェアボタンなど*/

/*「シェアする」非表示*/
.sns-share-message {
	display: none;
}
/*丸枠の黒い線を非表示*/
.bc-brand-color-white a {
    border: none;
}
/*X*/
.icon-x-corp:before {
	color:#000000;
}
/*facebook*/
.icon-facebook:before {
	color:#3b5998;
}
/*LINE*/
.icon-line:before {
    color:#00c300;
}

/*プロフィールボックスの制御*/
.author-box .author-name a {
    display: none !important;
}
.author-box .author-widget-name {
	font-size:16px;
	color:#778893;
}
.author-box {
	padding:2em;
}

/*フッターのロゴ大きさ*/
.skin-grayish .footer-bottom-logo img {
    height: auto;
    width: min(40%, 300px);
}

/*フッターメニューの調整*/
/*サブメニューのリストスタイル*/
.widget_nav_menu ul li {
	font-weight:bold;
	padding-left:1em;
	line-height: 70%;
	margin-top:-0.5em;
}
.widget_nav_menu ul li {
	padding-bottom:0.5em;
}
/*.widget_nav_menu ul li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f02b';
	display:inline-block;
	white-space:nowrap;
	font-weight: 900;
	font-size:0.8em;
	color:#ff8900;
	margin-left:0.5em;
}*/
.widget_nav_menu ul li::before {
    font-family: "Font Awesome 5 Free";
    content: '\f0c8';
    display: inline-block;
    white-space: nowrap;
    font-weight: 900;
    font-size: 0.8em;
	transform: scale(0.5, 1);
    color: #8dc0d8;
    margin-left: -1em;
    position: relative;
    top: 1.6em;
}
ul.sub-menu li {
    list-style: circle;
	font-weight:normal;
	padding-left:0em;
}
ul.sub-menu li::before {
	content:none;
}
.widget_nav_menu ul li ul, .widget_block ul li ul {
    padding-left: 3em;
    margin: 0;
}

/*フッターメニュー行間*/
.footer-left ul,
.footer-center ul{
    line-height: 1em;,
}

.footer-left h3{
	width:120%;
}
.footer-right li {
    line-height: 1.6em;
}
/*中央のフッターメニューのタイトルを非表示*/
.widget-footer-center-title.widget-title{
	text-indent:-9999px;
}
/*フッターメニューが段落ちしたときのスタイル*/
@media screen and (max-width: 1023px) {
    .widget-footer-center-title.widget-title{
	display:none;
}
#nav_menu-3{
	margin-bottom:-1em;
}
.footer-widgets > div {
        width: 100%;
    }
.footer-left h3{
		width:100%;
}
 .footer-center, .footer-right {
    padding: 10px 16px 0 16px;
}	
.footer-right {
    padding: 0 16px 10px 16px;
}
}

/*Google reCAPTCHAのアイコンを非表示*/
.grecaptcha-badge {
	visibility: hidden; 
}
/*Google reCAPTCHAのフォント大きさ*/
.clear-recaptcha{
	width: fit-content;
	font-size:10px;
	margin-left:auto !important;
	margin-right:auto !important;
	
}
/*Google reCAPTCHAのタイトルの大きさ*/
.clear-recaptcha .su-spoiler-title {
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
/*Google reCAPTCHAのアイコンの大きさと色*/
.clear-recaptcha .su-spoiler-icon {
    font-size: 12px;
	color: #999;
	display: contents;
}
/*スポイラーの「＋」アイコンを「G」に変更*/
.clear-recaptcha .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    content: '\f1a0';
	margin-right:5px;
}
/*スポイラーの「-」アイコンを「G」に変更*/
.su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\f068';
	margin-right:5px;
}
/*スポイラーの内容*/
.clear-recaptcha .su-spoiler-style-default>.su-spoiler-content {
    padding: 1em 0 1em 0px;
}

/*COntactform7の内容確認ボタンの調整*/
/*自動返信の注意書き*/
:is(.is-style-primary-box, .primary-box, .sp-primary, .primary) {
    color: #436e8a;
    background-color: var(--LtBlue_T70);
}
/*自動返信注意書きのトグルボックスの上部余白*/
.reply-rule-margin{
	margin-top:-1em;
}
/*「確認画面」のボタンの共通スタイル*/
button.wpcf7-form-control,
input.wpcf7-form-control.wpcf7-submit.has-spinner {
	border-width: 2px;
    border-style: solid;
    color: var(--cocoon-custom-text-color, #fff);
    border-color: var(--cocoon-custom-border-color);
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    line-height: normal;
    padding: 7px 13px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
/*「確認画面」の「修正する」ボタンの色*/
button.wpcf7-form-control.wpcf7cp-cfm-edit-btn {
    background-color: var(--cocoon-custom-background-color, #abb8c3);
	border-color: #abb8c3;
	padding: 10px 13px;
}
/*「確認画面」の「送信する」ボタンの色*/
button.wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn {
    background-color: var(--cocoon-custom-background-color, #0095d9);
	border-color: #0095d9;
	padding: 10px 13px;
}
/*「確認画面」の「確認するする」ボタンの色と字間*/
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--cocoon-custom-background-color, #01c07a	);
	border-color: #01c07a;
    padding: 10px 13px;
	letter-spacing: 5px;
}
/*プレースホルダーの色*/
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
  color: #a8a8a8;
}
/*項目のラベル*/
.form-label {
    font-weight: bold;
}
/*「必須」「任意」のラベル*/
.form-label.required:after {
    font-family: "Font Awesome 5 Free";
	content: '[必須]';
	font-weight: normal;
	font-size:0.8em;
	color:#ff8900;
	margin-left:0.5em;
}
.form-label.not-required:after {
    font-family: "Font Awesome 5 Free";
	content: '[任意]';
	font-weight: normal;
	font-size:0.8em;
	color:#0177a9;
	margin-left:0.5em;
}
/*ラジオボタンなどの項目を改行させる*/
.wpcf7-list-item {
    display: block;
    margin: 0 0 0 1em;
}
/*ラベル下部の注意書き（アイコン付き）*/
.form-caution {
	font-size:0.8em;
}
.form-caution2 {
	font-size:0.8em;
}
/*フォーム項目に付記する注意書き*/
.form-caution:before {
	font-family: "Font Awesome 5 Free";
	content: '\f06a';
	font-weight: 900;
	color:#ff7c00;
	margin-right:0.3em;
}
/*送信後のメッセージ*/
.wpcf7 form .wpcf7-response-output {
    padding: 2em 1em;
    border: 2px solid #00a0d2;
	border-radius:10px;
}
/*確認画面の見出し改行回避*/
div#wpcf7cpcnf th {
    white-space: nowrap;
}
/*確認画面の見出し余計な余白なし*/
div#wpcf7cpcnf th p,
div#wpcf7cpcnf td p {
    margin: 0;
	padding:0.5em;
}
/*「事業所案内」：問い合わせフォームへのボタンアイコン*/
.contact-icon>.wp-element-button::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0e0';
	font-weight: 400;
	margin-right:0.3em;
}
.contact-icon::before{
	font-family: "Font Awesome 5 Free";
	content: '\f0e0';
	font-weight: 400;
	margin-right:1em;
}

/*「サービス内容」ページ専用のスタイル*/
.clear-service-ex-bk {
    background-image: url(/wp-content/uploads/2024/07/clear_service.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    text-indent:-9999px;
    overflow:hidden;
}
.service-ex1 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_1.png);

}
.service-ex2 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_2.png);
}
.service-ex3 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_3.png);
}
.service-ex4 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_4.png);
}
.service-ex5 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_5.png);
}
.service-ex6 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_6.png);
}
.service-ex7 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_7.png);
}
.service-ex8 {
    background-image: url(/wp-content/uploads/2024/07/clear_service_8.png);
}
h6.clear-service-h6 {
    font-size: 1.2em;
    text-align: center;
    margin-top:-3.5em!important;
    border-bottom:none;
}
.white-outline{
text-shadow    : 
       4px  4px 1px #ffffff,
      -4px  4px 1px #ffffff,
       4px -4px 1px #ffffff,
      -4px -4px 1px #ffffff,
       4px  0px 1px #ffffff,
       0px  4px 1px #ffffff,
      -4px  0px 1px #ffffff,
       0px -4px 1px #ffffff;
}
/*画像をダウンロードさせない透明pngを重ねる対策*/
.protect_01 {
	position:relative;
	max-width:600px;
	height:auto;
	text-align: center;
	margin-left:auto!important;
	margin-right:auto!important;
	border-radius:10px;
}
.protect_01 img{
	text-align:center;
	border-radius:10px;
}
.transparent_01 {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(https://clear.colors-gk.jp/wp-content/uploads/2024/07/flow-01.png);
}

/*「料金表」テーブル*/
/*テーブル：料金表テーブルの罫線を濃くする*/
table:not(.has-border-color) :where(th, td) {
    border: 1px solid #959595;
}
/*テーブル：料金表テーブルのテキスト改行を無効に*/
.wp-block-table.clear-price {
	text-align:center !important;
	font-size:1.3em;
	white-space:nowrap;
}
/*テーブル：「＋」のスタイル*/
.price-plus{
	color:blue;
	font-weight:bold;
}
/*テーブル「＋」のセルの左右の縦線を無効に*/
.price-plus {
    border-left: 0px none !important;
    border-right: 0px none !important;
}
/*テーブル「＋」のセルの左右の余白を無効に*/
th.price-plus, td.price-plus {
    padding-left: 0;
    padding-right: 0;
}
/*テーブル：「＋」の左側に接するセルの縦線を無効に*/
.price-plus-left {
    /*border-left: none !important;*/
    border-right: none !important;
}
/*テーブル：「＋」の右側に接するセルの縦線を無効に*/
.price-plus-right {
    border-left: none !important;
    /*border-right: none !important;*/
}
/*テーブル：「単位」「准看護師」のキャプション*/
.pricetable-caption{
	margin-bottom:0 !important;
}
/*テーブルの「スクロールできます」の改行を有効に*/
.skin-grayish .scroll-hint-text {
    white-space: break-spaces;
	font-size:11px;
}
.bk-no-color{
	background-color: #fff !important;
}
.table-remarks {
	font-size:0.8em;
	color:red;
	font-weight:normal;
}
/*料金表：ｽｸﾛｰﾙﾋﾝﾄ：行の左右のｸﾞﾗﾃﾞの影を無効に*/
.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
/*料金表：ｽｸﾛｰﾙﾋﾝﾄ：行間*/
.skin-grayish .scroll-hint-text {
    white-space: break-spaces;
    font-size: 11px;
    line-height: 140%;
}

/*料金表：米印のスタイル*/
.futan-al {
	line-height:1.1em;
	padding: 0.5em 0.5em 0 0.5em !important;
}
/*料金表：テーブルが大きくて隠れるときの注意書き*/
/*PCでは表示されずモバイルで補油じされる*/
.scroll-guide {
	display:none;
}
@media screen and (max-width: 660px){
	.scroll-guide {
	display:block;
	font-size:0.8em;
	color:#9f0000;
	margin-top:-2em;
	padding-top:0;
}
}
/*料金表：ローマ数字のフォントを明朝に*/
.roman-num{
font-family:'游明朝体','游明朝体';
}

/*「理念」の白抜きボックスのスタイル*/
.clear-motto-box {
    border: 1px solid #aac2d2;
    border-radius: 10px;
}

/*フッター直前の著作権表示*/
.copyright-exp {
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	text-align:center;
	font-size:0.7em;
	line-height:1.2em;
	border:1px solid #aac2d2;
	border-radius:5px;
	padding:0.4em;
	background-color:#f7fcff;
}
/*834px以下*/
@media screen and (max-width: 834px){
.copyright-exp {
	text-align:left;
}
}

/*ファイルダウンロード：PDFのアイコン*/
.pdficn:before {
  content: "\f1c1";
  color: #d5493f;
  font-family: "Font Awesome 5 Free";
  padding-right:5px;
  font-weight: 400;
  font-size:1.5em;
}
/*ファイル：ダウンロードボタンのスタイル*/
/* ダウンロードボタンにアイコン追加　*/
.wp-block-file *+.wp-block-file__button:before {
  content: "\f019";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right:5px;
}
/*ダウンロードボタンの背景*/
a.wp-block-file__button.wp-element-button {
background-color: #36b0b0;
}
/*ファイル：ダウンロードボタンを格納する白抜きBOX*/
.wp-block-cocoon-blocks-blank-box-1.blank-box.block-box.downloadbox {
    border-width: 1px;
    border-radius: 5px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}