@charset "utf-8";
/* page_name
-------------------------------------------------------------------*/
*,
*:before,
*:after {
	box-sizing: border-box;
}
/*レイアウト*/
.sitewrap {
	text-align: center;
	overflow: inherit;
	box-sizing: border-box;
}
@media screen and (max-width:768px) {
	body {
		padding-top: 0;
	}
	main {
		padding-top: 0;
		margin-bottom: 0;
	}
	.pagetop::before {
		width: 40px;
		height: 40px;
		background: rgba(0, 0, 0, 0.2);
		margin-bottom: -42px;
		margin-left: -7px;
		border-radius: 7px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	}
}
/*背景*/
main > *[class*="sec"] {
	position: relative;
	z-index: 2;
	background: url(../img/bg_sec01.png);
	padding-block: 5em 5em;
}
main *[class*="sec"] .sitewrap {
	position: relative;
	z-index: 10;
}
main .sec01 {
	padding-top: 0 !important;
}
main .kv {
	margin-bottom: 3em;
}
main .kv img {
	position: relative;
	left: 50%;
	translate: -50%;
}
main :is(.sec01, .sec03) {
	background-size: cover;
}
main .sec02 {
	background-image: url(../img/bg_sec02.png);
}
main .sec03 {
	background-image: url(../img/bg_sec03.png);
}
main .sec04 {
	background-image: url(../img/bg_sec04.png);
}
main .sec05 {
	background-image: url(../img/bg_sec05.png);
}
main .sec06 {
	background-image: url(../img/bg_sec06.png);
}
main .ttl {
	margin-bottom: 2em;
}
#menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1em;
	flex-wrap: wrap;
	margin: 3em auto 0;
}
#menu a, main a {
	display: block;
}
#menu a:hover, main a:hover {
	transform: translateY(0.5em);
}
main .section_lead {
	text-align:center;
	font-size:1.75rem;
	font-weight:bold;;
	margin-bottom:1.25em;
}
main .box:nth-of-type(n + 2) {
	margin-top:2em;
}
.sec02 .box {
	margin-left:-5px;
}
.sec02 .box:has(img[src="img/img_sec02_02.png"]) {
	margin-left: -15px;
}
.caution_list {
	text-align:left;
	font-size:1rem;
	font-weight:bold;
	line-height:1.8;
}
.caution_list li {
	text-indent:-1em;
	padding-left:1em;
}
.sec06 .caution_list {
	margin-block:1.25em 5em;
} 
/*ヘッダー*/
/*フッター*/
header,
footer {
	padding: 12px 0;
	background: #7cc4f8;
	text-align: center;
}
header {
	border-bottom: solid 2px #06a;
}
@media screen and (max-width:1200px) {
	.sitewrap {
		width: auto;
		min-width: 0;
		padding-inline: 2%;
	}
	main img {
		max-width: 100%;
		height: auto;
	}
}
@media screen and (max-width:767px) {
	.sitewrap {
		padding-inline: 10px;
	}
	main > *[class*="sec"] {
		padding-block: 3em;
	}
	main > *[class*="sec"]:not(.sec01,.sec03) {
		background-size:10%;
	}
	#menu {
		margin-top:1em;
	}
	#menu a {
		width:calc(50% - 1em);
	}
	main .ttl {
		margin-bottom: 1.5em;
	}
	main .section_lead {
		text-align: left;
		font-size: 1rem;
		line-height: 1.6;
		margin-bottom: .5em;
	}
	main .box:nth-of-type(n + 2) {
		margin-top:1em;
	}
	.sec02 .box {
		margin-left:0;
	}
	.sec02 .box:has(img[src="img/img_sec02_02.png"]) {
		margin-left: 0;
	}
	.caution_list {
		font-size:.75rem;
		line-height:1.6;
	}
	.sec06 .caution_list {
		margin-bottom:2em;
	}
}