@charset "UTF-8";
/* CSS Document */

/* ―――――――――― */
/*サウ活05追加CSS**/
/* ―――――――――― */
/*角丸ブラックボタン*/
.btn_box {
text-align: center;
padding-top: 30px;
padding-bottom: 15px;
background-color: var(--white-base);


}
	.btn_box p {
		margin-top: 10px;
}
	.btn_box a {
		text-decoration: none;
		color: #FFF;
		font-weight: 800;
		font-size: 16pt;
}

a.btn_oval {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
	text-align: center;
	text-decoration: none;
	width: 250px;
	margin: auto;
	margin-bottom: 1em;
	padding: 2rem 4rem 2rem 3rem;
	font-weight: bold;
	color: #fff;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}
a.btn_oval::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_oval:hover {
	opacity: 0.7;
}

a.blue {
	background-color: #0D60AD;
	
}

a.green {
	background-color: #00B900;
	
}
a.orange {
	background-color: #e38f4e;
	
}


/*-- …………………………………… */
/*--▼施設一覧エリア    */
/*-- …………………………………… */


	/*-----　▼県名BOX -----*/
	.pref {
  			display: flex;
  			justify-content: center;
			width: 100%;
			margin-top: 20px auto 40px;
			}

		.pref img {
  			width: 450px;
			}

	/*-----　▼施設BOX -----*/
	.shisetu {
			padding: clamp(10px,3vw,25px) 0;/*30/768*100=約3vw*/
			text-align:center;
			/*background-color: #1b2c56;*/
			background-color: var(--deepblue-base);
			
			}
		.shisetu_container {
				width: 100%;
				/*border: solid 1px #eeeeee;*/
				display: flex;
				flex-wrap: wrap;
				gap:30px 20px;
				justify-content: center;
				margin:10px auto ;
				background-color: var(--deepblue-base);
				color: var(--white-text);
				
  			}
			
			.Oneshisetu {
				width:45%;
				display: flex;
  				flex-flow: column;
				align-items: center;
				justify-content: flex-start	;
				gap:20px 20px;
				/*background-color: #1b2c56;*/
				background-color: var(--deepblue-base);
					}
					
				.Oneshisetu img {
 					width: 160px;
  					height: 160px;
  					border-radius: 50%;/* 円形トリミング */
 					object-fit: cover;
					border: 8px solid #FFFFFF; /* 画像の枠線 */
					}
					
				.Oneshisetu p {
					padding-left: 0; 
  					margin-left: 0;
					text-align:center;
					font-weight:500;
					line-height:1.1;
					font-size: 16px;
					}
					.Oneshisetu span {
						line-height:2.2;
						
					}
/*フッタ末尾の社名ボックス*/
.ending-box {
	padding: 2em auto;
	color: var(---theme-color);
	
}

.ending-box a {
	text-decoration: none;
	color: var(---theme-color);
	
}

/*-- …………………………………… */
/*--▼HOW TOページ    */
/*-- …………………………………… */

/*サブタイトルボックス*/

.sub_box {
	margin-top: 40px;
	margin-bottom: 30px;	
}

/*横揺れ対策*/

@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
	}
}