@charset "utf-8";

/*下層ページpageTitle
-----------------------------------------------------------*/
#pageTitle {
	background: url("../../access/images/bg_pagetitle.jpg") 50% 50% no-repeat;
	background-size: cover;
}



body#pageAccess {
}

body#pageAccess div.title05 {
	margin-top: 100px;
}

body#pageAccess ul.accessTimeList {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
body#pageAccess ul.accessTimeList li {
	width: calc((100% - 40px) / 3);
}
body#pageAccess ul.accessTimeList li a {
	display: block;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	padding: 15px 10px;
	border: solid 1px #CCC;
	background-color: #FFF;
	transition: all 0.3s ease;
}
body#pageAccess ul.accessTimeList li a:hover {
	color: #FFF;
	border: solid 1px var(--color-primary);
	background-color: var(--color-primary);
}

body#pageAccess section#access01 {
}

body#pageAccess section#access02 {
	padding: 150px 0;
}

body#pageAccess section#access03 {
	padding: 150px 0;
}

body#pageAccess section#access04 {
	padding-top: 150px;
}

body#pageAccess section#access05 {
	padding-top: 150px;
}
body#pageAccess section#access05 div#rakurakuPlan {
	padding: 60px;
	background: #eeedeb;
	border-radius: 40px;
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div {
	width: calc((100% - 50px) / 2);
	margin-right: 50px;
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div ul li {
	width: calc((100% - 10px) / 2);
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div ul li a {
	width: 100%;
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div ul li:first-child a {
	background-color: var(--color-primary);
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div ul li:last-child a {
	background-color: var(--color-secondary);
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody p#rakurakuPlanPhoto {
	width: calc((100% - 50px) / 2);
}
body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody p#rakurakuPlanPhoto img {
	border-radius: 40px;
}



/* PC 小 
------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1001px) and (max-width:1199px) {
}



/* SP 
------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1000px) {
	body#pageAccess div.title05 {
		margin-top: 50px;
	}

	body#pageAccess ul.accessTimeList {
		gap: 10px;
	}
	body#pageAccess ul.accessTimeList li {
		display: flex;
		width: calc((100% - 10px) / 2);
	}
	body#pageAccess ul.accessTimeList li a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	body#pageAccess section#access02,
	body#pageAccess section#access03 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	body#pageAccess section#access04,
	body#pageAccess section#access05 {
		padding-top: 50px;
	}

	body#pageAccess section#access05 div#rakurakuPlan {
		padding: 30px;
		border-radius: 20px;
	}
	body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div {
		width: 100%;
		margin-right: 0;
	}
	body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody div ul li {
		width: 100%;
	}
	body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody p#rakurakuPlanPhoto {
		width: 100%;
		margin-top: 30px;
	}
	body#pageAccess section#access05 div#rakurakuPlan div#rakurakuPlanBody p#rakurakuPlanPhoto img {
		border-radius: 20px;
	}
}