@charset "UTF-8";
@import url("css-smacss/style-base.css");
@import url("css-smacss/style-layout.css");
@import url("css-smacss/style-module.css");
@import url("css-smacss/style-state.css");
@import url("css-smacss/style-theme.css");

@import url("css/style-top-honban.css");
@import url("css/style-about.css");
@import url("css/style-information.css");
@import url("css/style-access.css");
@import url("css/style-reserve.css");
@import url("css/style-faq.css");
@import url("css/style-news.css");
@import url("css/style-medical-results.css");

@import url("css/style-single.css");
@import url("css/style-form.css");
@import url("css/style-top.css");
@import url("css/style-medical-notice.css");


/*!
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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*デフォルトCSSの上書き*/
.wrap{
	width: 100%!important;
}
.content-in{
}
.copyright{
	font-size: 9px;
}
.main{
	padding: 0px!important;
	border: none!important;
}
.content{
	margin-top: 0px;
}
/*768px以上*/
@media screen and (min-width: 768px) {
	.content-in{
		display: flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.main{
	padding: 0px!important;
	}
}
.footer-bottom	{
	margin: 0px!important;
	padding: 0px!important;
}

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







/* ページネーションの汎用スタイル */
.nav-links ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.nav-links li > * {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 45px;
}
.nav-links li > *:not(.dots) {
  width: 45px;
  border-radius: 50%;
  color: #000000;
  background: #efefef;
  transition: color 0.3s ease, background 0.3s ease;
}
.nav-links li > .current,
.nav-links li > a:hover {
  color: #ffffff;
  background: #000000;
}




/****************************************************
** レスポンシブデザイン用メディアクエリ（モバイルファースト
****************************************************/

/*768px以上*/
@media screen and (min-width: 768px) {
	/*タブレットのデザイン内容をここに*/
	
/* メールフォーム　*/
	.mwwpform-box {
		width:60%;
	}
/*  採用情報 */
	.recruit-text li {
		display:flex;
	}
	.recruit-text li b {
		margin: 5px 0 0 0;
		display:block;
	}
	.recruit-text li div:first-child {
		width: 150px;
	}
}

/* ===== SEO: H1設定（2026-09 追加）— 下層タイトルを h2→h1.page-h1 に変更。見た目は .title-box h2 と同一 ===== */
.title-box h1.page-h1{font-size:44px;font-weight:700;line-height:1.5;text-align:center;margin:0 0 110px 0;padding:0;color:#069984;letter-spacing:0.075em;background:none;border:none}
.page-id-94 .title-box h1.page-h1{margin:0 0 60px 0}
.title-box h1.page-h1 span{color:#605d60;font-size:20px;font-weight:normal;display:block;margin:6px 0 0 0}
@media screen and (max-width:768px){
.title-box h1.page-h1{font-size:24px;margin:0 0 40px 0}
.title-box h1.page-h1 span{font-size:13px;margin:3px 0 0 0;line-height:1em}
.page-id-94 .title-box h1.page-h1{margin:0 0 30px 0}
}
/* ===== /SEO: H1設定 ===== */
/* ===== SEO: トップH1（2026-09 追加）— 視覚的に非表示・読み上げ/検索エンジン向け ===== */
.top-mainimage h1.top-h1{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ===== /SEO: トップH1 ===== */