/*
Theme Name: CURE Child
Theme URI: https://tcd-theme.com/tcd082
Template: cure_tcd082
Author: TCD
Author URI: https://tcd-theme.com/
Description: "CURE" is a WordPress theme for medical institutions. You can create a website smoothly, because page templates for running a hospital will help you. And enriching the FAQ page make users feel so safe.
Version: 2.2.1774594956
Updated: 2026-03-27 16:02:36

*/
button {
	border: 0;
	background: none;
	margin: 0;
	padding: 0;
}

.lead1, .lead2 {
	color:#68BA38;
	font-weight: bold;
}

#footer-modal-btn {
	position: fixed;
	z-index: 9999;
}

/* モーダル */
/* === オーバーレイ（背景） === */
.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: background 0.35s ease;
	z-index: 1000;
  }
  
  .overlay.is-open {
	background: rgba(0, 0, 0, 0.5);
	pointer-events: auto;
  }
  
  /* === モーダル本体 === */
  #footer-modal {
	background: #fff;
	border-radius: 12px;
	padding: 2rem;
	opacity: 0;
	transform: translateY(40px) scale(0.97);
	transition:
	  opacity 0.35s ease,
	  transform 0.35s cubic-bezier(0.34, 1.2, 0.64, 1);
	pointer-events: none;
  }
  
  #footer-modal.is-open {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
  }
  
@media screen and (max-width: 767px) { /* スマホ */
	.pc {
		display: none;
	}

	#footer-modal {
		text-align: center;
		padding: 60px;
	}

	.lead1 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	.lead2 {
		font-size: 28px;
		margin-bottom: 30px;
	}

	#footer-modal-menu li {
		margin-bottom: 10px;
	}

	#footer-modal-menu li img {
		width: 100%;
	}

	#footer-modal-btn {
		display: flex;
		flex-wrap: nowrap;
		bottom:15px;
	}

	#footer-modal-btn button {
		padding: 0 1%;
	}

	#footer-modal-btn button img {
		max-width: 100%;
	}

	#footer-modal {
		padding:68px 35px 60px; 
		width:85%;
	}

	#footer-modal-ul li {
		margin-bottom:7px;
	}

	#footer-modal-ul li img {
		max-width: 100%;
	}

	#footer-modal-text {
		line-height: 1.7em;
		margin-bottom:1.5em;
	}

	#close-btn {
		position:absolute;
		top:-50px;
		right:0px;
	}

	#close-btn img {
		width:45px;
	}
}

@media screen and (min-width: 768px) { /* タブレット・PC */
	.sp {
		display: none;
	}

	.pc-cols2 {
		display: flex;
	}

	.pc-cols2 .col {
		width: 50%;
	}

	.lead1 {
		font-size: 20px;
		margin-top:10px;
	}
	
	.lead2 {
		font-size: 32px;
		margin-top:15px;
	}

	#footer-modal-text {
		margin-top:37px;
		font-size:18px;
		line-height: 1.7em;
	}

	#footer-modal {
		width:650px;
		padding:45px 30px 25px 30px;
	}

	#footer-modal-btn {
		bottom:10px;
		left:20px;
	}

	#footer-modal-ul li {
		text-align: right;
		margin-bottom:15px;
	}

	#footer-modal-ul li img {
		width:85%;
	}
	
	#footer-modal-btn img {
		height:62px;
	}

	#open-btn {
		margin-left:8px;
	}

	#close-btn {
		position:absolute;
		top: 0px;
		right: -45px;
	}
	
	#close-btn img {
		width:35px;
	}
}