@charset "utf-8";

/************************************************************************************************************************
　999px以下
************************************************************************************************************************/
@media (max-width: 999px) {
	.inner{ width: 98%; padding: 0 1%; }

	/* FV copy */
	#fv_copy{ text-shadow: 0 2px 5px rgba(0,0,0,0.6); }
	#fv_copy p{ font-size: 2rem; }

}



/************************************************************************************************************************
　900px以下
************************************************************************************************************************/
@media (max-width: 900px) {
	html{ font-size: 90%; }
}



/************************************************************************************************************************
　800px以下
************************************************************************************************************************/
@media (max-width: 800px) {
	html{ font-size: 80%; }

	#navi_header ul li{ margin-right: 0.8rem; }
}



/************************************************************************************************************************
　768px以下（iPad mini）
************************************************************************************************************************/
@media (max-width: 768px) {
	/* top */
	#fv_copy p{ padding: 0.5rem 1rem; font-size: 2rem; }

	.h1_kaso{ font-size: 1.6rem; }
}


/************************************************************************************************************************
　700px以下
************************************************************************************************************************/
@media (max-width: 700px) {
	html{ font-size: 70%; }
}



/************************************************************************************************************************
　600px以下　⭐️ハンバーガーメニュー
************************************************************************************************************************/
@media (max-width: 600px) {
	.sp_only{ display: block; }
	.pc_only{ display: none; }

	header{ width: 100%; position: fixed; box-shadow: 0 3px 5px rgba(0,0,0,0.15); z-index: 98; } /* ハンバーガーメニューが99 */
	main{ padding-top: 67px; }

	#header_link{ margin-bottom: 0; align-items: center; } 
	#header_link div{ display: flex; align-items: center; } 

		#tel_header{ margin-right: 16px; font-size: 16px; }
		#tel_header i{ margin-right: 5px; }

		#btn_contact_header{ margin-right: 16px; padding: 6px 12px; border-radius: 4px; font-size: 12px; }
		#btn_contact_header i{ margin-right: 5px; font-size: 12px; }

		#btn_ham{ display: flex; align-items: center; }

	/* hamburger menu */
	#navi_header{ width: 55%; height: auto; padding: 20px; background: var(--bg_gry); position: fixed; top: 0; left: 0; z-index: 9;
		transition: transform 0.3s ease;
		transform: translateX(-100%);
	}

	#navi_header.open{ transform: translateX(0); }

	#navi_header > ul{ display: block; padding: 10px 15px; background: var(--blu40); border: 2px solid var(--blu1); border-top: none; }
	#navi_header ul li{ margin: 0; line-height: 1.7; position: static; }
	#navi_header ul li a{ margin-bottom: 10px; padding-bottom: 10px; padding-left: 25px; border-bottom: 1px dotted var(--blu1); font-size: 16px;
		background-size: 1;
		background-size: 13px;
		background-position: 5px 1px;
	}
	#navi_header > ul > li:last-child a{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

	#navi_header #title_ham{ padding: 5px 0; background: var(--blu1); color: #fff; font-weight: bold; text-align: center; font-size: 16px; }
	#navi_header #btn_contact_ham{ margin-top: 15px; text-align: center; }
	#navi_header #btn_contact_ham a{ display: block; padding: 8px 0; background: var(--blu1); border-radius: 4px; color: #fff; font-size: 16px; }
	#navi_header #btn_contact_ham a i{ margin-right: 10px; color: inherit; font-size: inherit; }

	/* child menu */
	#navi_header ul ul{ display: block; padding: 0; padding-left: 1rem; white-space: normal; background: none; box-shadow: none; visibility: visible; opacity: 1; position: static;	
		transform: none;
		transition: none;
	}
	#navi_header ul ul li{ margin: 0; }

	/* 三つの「信」*/
	#shin_box{ padding: 1rem; }
	#shin_box h3{ margin-bottom: 0.3em; }
	#shin_box p{ font-size: 1em; }
		.shin_item{ flex-direction: column; }
		.shin_label{ justify-content: flex-start; min-width: 100%; padding: 0.8rem 1.5rem; font-size: 1.2rem; }

	/* footer */
	#navi_footer ul{ flex-direction: column; gap: 1rem; }
	#navi_footer ul ul{ padding-left: 0.5rem; }

}


/************************************************************************************************************************
　480px以下（SP）※1カラム
************************************************************************************************************************/
@media (max-width: 480px) {
	html{ font-size: 87.5%; }

	/* common */
	.main_kaso{ padding: 2rem 0 3rem; }

	.row_layout{ display: block; }
		.row_layout_text{ width: 100%; margin-bottom: 1rem; }
		.row_layout_img{ width: 75%; margin: 0 auto 1rem; }


	/* header */
	#logo{ width: 9rem; }

	#tel_header{ margin-right: 24px; font-size: 20px; }

	#header_link #btn_contact_header{ display: none; } /* SPではスペースの関係で非表示 */


	/* hamburger menu */
	#navi_header{ width: 65%; }

	.h1_kaso{ font-size: 1.2rem; }


	/* ●TOP */
	/* FV */
	#fv_copy p{ font-size: 1.75rem; }

	/* heading */
	.h2_top{ margin-bottom: 1rem; padding: 0 0 0.25rem 2.3rem; }
	.h2_top::before{ width: 1.6rem; height: 1.6rem; top: 0.43rem; background-size: 1.6rem 1.6rem; }
	.h2_top::after{ height: 0.25rem; }

	/* ここが選ばれる理由 */
	.dl_choose dt{ padding: 0.8rem; font-size: 1rem; }
	.dl_choose dt i{ margin-right: 0.8rem; font-size: 1.8rem; }
	.dl_choose dd{ margin-bottom: 1rem; padding: 0.6rem 0.8rem; }

	/* 入院リンク */
	.hospital_link{ gap: 1.2rem; }
	.hospital_link a{ width: 10rem; height: 10rem; }
	.hospital_link a .icon{ margin-bottom: 1rem; font-size: 2.8rem; }
	.hospital_link a .label_wrap{ padding-left: 1.2rem; }
	.hospital_link a .label{ font-size: 1rem; }
	.hospital_link a .arrow{ margin-left: 0.8rem; font-size: 1.2rem; }


	/* ●岸病院について */
	.floating_box{ padding: 0.8rem 1.5rem; }

	.tbl_gaiyo > tbody > tr > th, .tbl_gaiyo > tbody > tr > td{ display: block; width: 100%; padding: 0.8rem 1rem; }
	.tbl_gaiyo > tbody > tr > th{ background-color: var(--blu4); border: none; }
	.tbl_gaiyo > tbody > tr > td{ border: none; }

	.tbl_enkaku th, .tbl_enkaku td{ display: block; width: 100%; }
	.tbl_enkaku tr{ margin-bottom: 1rem; }
	.tbl_enkaku th{ padding: 0.5rem; }
	.tbl_enkaku td{ padding: 0.5rem; }


	/* ●外来のご案内 */
	.tbl_tanto{ font-size: 0.85rem; }
	.tbl_tanto th, .tbl_tanto td{ padding: 0.5rem 0.1rem; }


	/* ●デイケア */
	.img_QR{ width: 140px; height: 140px; }

	#tbl_price_day th, #tbl_price_day td, #tbl_price_short th, #tbl_price_short td{ padding: 0.5rem; }

	#daycare_flow_wrap{ padding: 1.5rem 2rem; }


	/* ●採用情報 */
	#p_medical{}
	#p_medical img{ width: 60%; height: auto; }


	/* ●お知らせ */
	.tbl_news{ font-size: 0.9rem; }
	.tbl_news td{ padding: 0.3rem; }
	.tbl_news td:nth-child(1){ width: 6rem; }
	.tbl_news td:nth-child(2){ width: 5rem; }
	.news_cate{ width: 4.5rem; padding: 0.2rem 0; border-radius: 0.1875rem; font-size: 0.75em; }
}


/************************************************************************************************************************
　400px以下
************************************************************************************************************************/
@media (max-width: 400px) {

	#tel_header{ margin-right: 20px; font-size: 18px; }

	/* hamburger menu */
	#navi_header{ width: 70%; }
}


/************************************************************************************************************************
　374px以下
************************************************************************************************************************/
@media (max-width: 374px) {

	#tel_header{ margin-right: 15px; font-size: 14px; }

	/* hamburger menu */
	#navi_header{ width: 80%; }
}