@charset "utf-8";
#main {
	max-width: 640px;
	width: min(100vw, 640px);
	margin: auto;
	position: fixed; inset: 0; overflow: hidden;
}

#slides {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	/*bottom: var(--footer-h);*/
	bottom: 0;
  overflow: auto; 
	scroll-snap-type: y mandatory;
	-webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
#slides::-webkit-scrollbar { display: none; }
.slide {
	/*height: 100%;
	min-height: 100%;*/
	height: 100%;
	/*height: calc(100vh - var(--footer-h));*/
	height: 100svh;
	width: 100%;
	scroll-snap-align: start;
}

/*notice / Temporary Closure */
.wrap_notice {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 min(8vw, 60px);
	background: url(../img/bg01.webp) 0 100% no-repeat;
	background-size: cover;
}
.wrap_notice * {
	font-family: "Noto Sans JP", sans-serif;
	text-align: center;
}
.wrap_notice .name {
	margin-bottom: min(7.2vw, 54px);
}
.wrap_notice .name .img {
	width: min(66vw, 495px);
	height: auto;
}
.wrap_notice .txt {
	font-weight: 400;
	margin-bottom: 1.2em;
}
.wrap_notice .txt.mb {
	margin-bottom: 1.2em;
}
.wrap_notice .h2_notice {
	color: #00937d;
	
	font-weight: 600;
}
.wrap_notice .date {
	
	font-weight: 600;
	margin-bottom: 1.5em;
}
@media screen and (min-width:641px) {
	.wrap_notice .txt {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
	}
	.wrap_notice .h2_notice {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
	.wrap_notice .date {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
}
@media screen and (max-width:640px) {
	.wrap_notice .txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.wrap_notice .h2_notice {
		font-size: clamp(1.55rem, 4.037vw, 3.1rem);
	}
	.wrap_notice .date {
		font-size: clamp(1.55rem, 4.037vw, 3.1rem);
	}
}
@media screen and (max-width:380px) {
	.wrap_notice .txt {
		font-size: clamp(1.25rem, 3.256vw, 2.5rem);
	}
	.wrap_notice .date {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}

}

/*sec01*/
.sec_01 {
	padding-top: var(--header-h);
	padding-bottom: calc(var(--footer-h) * .5);
	background: url(../img/bg01.webp) 0 50% no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.sec_01 .h2_lead {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
	margin-bottom: min(8vw, 60px);
}
.sec_01 .img_top {
}

@media screen and (min-width:641px) {
	.sec_01 .h2_lead {
		font-size: var(--font24pt);
		margin-bottom: 1rem;
	}
	.sec_01 .img_top {
		width: min(80vw, 360px);
	}
}
@media screen and (max-width:640px) {
	.sec_01 .h2_lead {
		font-size: clamp(2.5rem, 6.51vw, 5rem);
	}
}
@media screen and (max-width:500px) {
	.sec_01 .h2_lead {
		font-size: clamp(2.3rem, 5.99vw, 4.6rem);
	}
}
@media screen and (max-height:680px) and (max-width:640px) {
	.sec_01 .h2_lead {
		font-size: clamp(2rem, 4.082vw, 4rem);
		margin-bottom: min(4vw, 30px);
	}
	.sec_01 .img_top {
		/*max-height: 46vh;*/
		width: 46vh;
	}
}

/*sec02*/
.sec_02 {
	/*padding-top: var(--header-h);*/
	position: relative;
}
.sec_02::before {
	content: '';
	display: block;
	background: url(../img/bg02.webp) 50% 0% no-repeat;
	background-size: 100% auto;
	position: absolute;
	width: 100%;
	top: var(--header-h);
	bottom: 0;
	z-index: 0;
}
.sec_02::after {
	content: '';
	display: block;
	width: 100%;
	height: var(--footer-h);
	background: rgba(0,54,134, 0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.sec_02 .wrap {
	position: relative;
	z-index: 2;
	height: calc(100% - var(--footer-h)) ;
}

.sec_02 .h2_sec {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	display: flex;
	justify-content: center;
	padding-top: calc(min(2vw, 15px) + var(--header-h));
	background: rgba(105,82,1, 0.7) url(../img/bg_ttl.webp) 0 100% no-repeat;
	background-size: auto min(40vw, 260px);
}
.sec_02 .block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: calc(100% / 3);
}
.sec_02 .block > * {
	width: 300px;
}

.sec_02 .h3_sec2 {
	color: #fff;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
}
.sec_02 .txt{
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
}
.sec_02 .txt + .txt {margin-top: .4em;}
.sec_02 .link_more {
	font-family: "Noto Sans JP", sans-serif;
	text-decoration: none;
	display: inline-block;
	background-color: #fff;
	padding: min(0.78125vw, 15px) min(1.09375vw, 21px);
}
.sec_02 .link_more::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	margin-left: 1rem;
}
.sec_02 .c01 {
	background: rgba(105,82,1, 0.7);
}
.sec_02 .c01 .link_more {
	color: #695201;
}
.sec_02 .c01 .link_more::after {
	border-color: #695201;
}
.sec_02 .c02 {
	background: rgba(51,51,51, 0.7);
}
.sec_02 .c02 .link_more {
	color: #333333;
}
.sec_02 .c02 .link_more::after {
	border-color: #333333;
}
.sec_02 .c03 {
	background: rgba(0,54,134, 0.7);
}
.sec_02 .c03 .link_more {
	color: #003686;
}
.sec_02 .c03 .link_more::after {
	border-color: #003686;
}

@media screen and (min-width:641px) {
	.sec_02 .h2_sec {
		font-size: var(--font24pt);
		height: 180px;
	}
	.sec_02 .inner {
		height: calc(100% - 180px);
	}
	.sec_02 .img {
		width: 300px;
	}
	.sec_02 .h3_sec2 {
		font-size: var(--font20pt);
	}
	.sec_02 .txt {
		font-size: var(--font14pt);
	}
	.sec_02 .link_more {
		padding: calc(min(0.78125vw, 15px) * .5) min(1.09375vw, 21px);
	}
}
@media screen and (max-width:640px) {
	.sec_02 .h2_sec {
		font-size: clamp(2.2rem, 5.73vw, 4.4rem);
		height: min(40vw, 200px);
	}
	.sec_02 .inner {
		height: calc(100% - min(40vw, 200px));
	}
	.sec_02 .block > * {
		width: min(74vw, 556px);
	}
	.sec_02 .h3_sec2 {
		font-size: clamp(2.1rem, 5.47vw, 4.2rem);
	}
	.sec_02 .txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}

	/*.sec_02 .img {
		width: min(80vw, 420px);
	}
	.sec_02 .block {
		height: calc((100% - min(40vw, 260px)) / 3);
	}*/
}
@media screen and (max-width:460px) {
	.sec_02 .img {
		width: min(100vw, 420px);
	}
}
@media screen and (max-height:680px) and (max-width:640px) {
	.sec_02 .h2_sec {
		font-size: var(--font24pt);
		height: 180px;
	}
	.sec_02 .inner {
		height: calc(100% - 180px);
	}
	/*.sec_02 .img {
		width: 300px;
	}
	.sec_02 .block {
		height: calc((100% - 180px) / 3);
	}*/
	.sec_02 .block {
		padding: 0 10px;
	}
	.sec_02 .block > * {
		width: auto;
	}
	.sec_02 .h3_sec2 {
		font-size: var(--font18pt);
	}
	.sec_02 .txt {
		font-size: var(--font13pt);
	}
}
@media screen and (max-height:600px) and (max-width:500px) {
	.sec_02 .h3_sec2 {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	}
	.sec_02 .txt {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
}
@media screen and (max-height:680px) and (min-width:641px) {
	.sec_02 .block > * {
		width: auto;
	}
	.sec_02 .h3_sec2 {
		font-size: var(--font20pt);
	}
	.sec_02 .txt {
		font-size: var(--font14pt);
	}
}

/*sec3*/
.sec_03 {
	/*padding-top: var(--header-h);*/
}
.sec_03 .h2_sec {
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	display: flex;
	justify-content: center;
	padding-top: calc(min(2vw, 15px) + var(--header-h));
	background: url(../img/bg_ttl.webp) 0 100% no-repeat;
	background-size: auto min(40vw, 260px);
}
.sec_03 .wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sec_03 .img {
	display: block;
	margin: auto;
}
@media screen and (min-width:641px) {
	.sec_03 .h2_sec {
		font-size: var(--font24pt);
		height: 180px;
	}
	.sec_03 .wrap {
		height: calc(100% - (180px + var(--footer-h)));
	}
	.sec_03 .block {
		height: calc(100% / 4);
	}
	.sec_03 .img {
		height: 100%;
		width: auto;
	}
}
@media screen and (max-width:640px) {
	.sec_03 .h2_sec {
		font-size: clamp(2.2rem, 5.73vw, 4.4rem);
		height: min(40vw, 200px);
	}
	.sec_03 .wrap {
		height: calc(100vh - (min(40vw, 260px) + var(--footer-h)));
	}
	.sec_03 .block {
		width: min(100vw, 350px);
	}
}
@media screen and (max-width:500px) {
	.sec_03 .block {
		width: min(100vw, 380px);
	}
}
@media screen and (max-height:680px) and (max-width:640px) {
	.sec_03 .h2_sec {
		font-size: var(--font24pt);
		height: 180px;
	}
	.sec_03 .wrap {
		height: calc(100% - (180px + var(--footer-h)));
	}
	.sec_03 .block {
		height: calc(100% / 4);
	}
	.sec_03 .img {
		height: 100%;
		width: auto;
	}
}

/*sec4*/
.sec_04 {
	padding-top: calc(var(--header-h) + min(6.8vw, 51px));
	background: url(../img/bg04.webp) 50% 0% no-repeat;
	background-size: 100% auto;
}
.sec_04 .h2_sec4 {
	color: #fff;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(78.8vw, 591px);
	height: min(10.4vw, 78px);
	margin: auto;
	background: linear-gradient(to right,  rgba(0,148,125,0) 0%,rgba(0,148,125,1) 20%,rgba(0,148,125,1) 50%,rgba(153,212,203,1) 80%,rgba(255,255,255,0) 100%);
}
.sec_04 .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - (var(--header-h) + var(--footer-h))) ;
}
.sec_04 .img {
	height: 100%;
	width: auto;
}

@media screen and (min-width:641px) {
	.sec_04 {
		padding-top: calc(var(--header-h) + 30px);
	}
	.sec_04 .h2_sec4 {
		font-size: var(--font24pt);
		height: 60px;
		width: 75%;
	}
	.sec_04 .wrap {
		padding: 15px 0;
	}
}
@media screen and (max-width:640px) {
	.sec_04 {
		padding-top: calc(var(--header-h) + min(6.8vw, 51px));
	}
	.sec_04 .h2_sec4 {
		font-size: clamp(1.7rem, 4.428vw, 3.4rem);
		width: min(78.8vw, 591px);
	}
	.sec_04 .wrap {
		padding: min(4vw, 30px) 0 min(6.8vw, 51px);
	}
}
@media screen and (max-height:680px) and (max-width:460px) {
	.sec_04 {
		padding-top: calc(var(--header-h) + 30px);
	}
	.sec_04 .h2_sec4 {
		font-size: var(--font24pt);
		height: 60px;
		width: 75%;
	}
	.sec_04 .wrap {
		padding: 15px 0;
	}
}

/*sec5*/
.sec_05 {
	padding-top: calc(var(--header-h) + min(4vw, 30px));
	background-color: #eef8fc;
	background-image: url(../img/bg05-2.webp), url(../img/bg05-1.webp);
	background-position: 100% 100%, 0% 0%;
	background-size: 70% auto;
	background-repeat: no-repeat;
}
.sec_05 .h2_sec5 {
	color: #003686;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
}
.sec_05 .txt_b,
.sec_05 .txt {
	font-weight: 400;
	text-align: center;
	width: min(81.6vw, 610px);
	margin: auto;
}
.sec_05 .txt_b {
	font-family: "Noto Serif JP", serif;
}
.sec_05 .txt {
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 5px;
}

.sec_05 .wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: calc(100% - (var(--footer-h) + 150px) );
}

.sec_05 .block {
	background-image: url(../img/sec05_bgcard1.webp), url(../img/sec05_bgcard2.webp);
	background-repeat: no-repeat;
	background-position: 100% 10px, 0% calc(100% - min(5.6vw, 42px));
	background-size: min(30vw, 225px) auto;
	width: 100%;
	height: 100%;
	position: relative;
}
.sec_05 .img {opacity: 0;}
.sec_05 .block .box_voice {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.sec_05 .block .box_voice._box01 {
	padding-left: 2vw;
	padding-right: calc(50% - (min(60vw, 450px) * .2));
	transform: translateY(-28%);
}
.sec_05 .block .box_voice._box02 {
	padding-left: calc(50% - (min(60vw, 450px) * .2));
	padding-right: 2vw;
}
.sec_05 .block .box_voice._box03 {
	transform: translateY(20%);
	padding-left: 2vw;
	padding-right: calc(50% - (min(60vw, 450px) * .2));
}

.sec_05 .inner {
	background-color: #fff;
	border: 1px solid #54b8e6;
	padding: min(1.5625vw, 30px);
	/*width: min(60%, 450px);*/
} 
.sec_05 .voice_ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sec_05 .block .box_voice .icon {
	width: min(8vw, 60px);
	height: auto;
}
.sec_05 .h3_sec5 {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
}

.sec_05 .btn {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
}
.sec_05 .link_more {
	color: #000;
	font-family: "Noto Sans JP", sans-serif;
	text-decoration: none;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #000;
	padding: min(1.09375vw, 8px) min(2.1875vw, 21px);
}
.sec_05 .link_more::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	margin-left: 1rem;
}


@media screen and (min-width:641px) {
	.sec_05 {
		padding-top: calc(var(--header-h) + 10px);
	}
	.sec_05 .h2_sec5 {
		font-size: var(--font24pt);
	}
	.sec_05 .txt_b {
		font-size: var(--font20pt);
	}
	.sec_05 .txt {
		font-size: var(--font16pt);
	}
	.sec_05 .block {
		background-size: 130px auto;
		background-position: 100% 10px, 0% calc(100% - 10px);
		/*padding: 10px 0;*/
	}
	.sec_05 .img {
		width: 300px;
		width: min(70vw, 400px);
	}
	.sec_05 .h3_sec5 {
		font-size: var(--font16pt);
	}
	.sec_05 .catch {
		font-size: var(--font12pt);
	}
	/*.sec_05 .h3_sec5 br {display: none;}*/
	.sec_05 .btn {
		font-size: var(--font16pt);
	}
}
@media screen and (min-width:768px) {
	.sec_05 .inner {padding: 5px 15px;}
}
@media screen and (max-width:640px) {
	.sec_05 .h2_sec5 {
		font-size: clamp(1.8rem, 4.688vw, 3.6rem);
	}
	.sec_05 .txt_b {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	}
	.sec_05 .txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
		margin-bottom: min(2vw, 15px);
	}
	.sec_05 .wrap {
		height: calc(100% - (70px + 35vw));
	}
	.sec_05 .block {
	}
	.sec_05 .img {
		width: min(100vw, 400px);
	}
	.sec_05 .h3_sec5 {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.sec_05 .catch {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
	.sec_05 .btn {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
}
@media screen and (max-width:460px) {
	.sec_05 .wrap {
		/*height: 65vh;*/
	}
	.sec_05 .block {
		/*margin-bottom: min(5.6vw, 42px);*/
	}
	.sec_05 .btn {
		width: min(36vw, 270px);
	}
}
@media screen and (max-width:360px) {
	.sec_05 .wrap {
		height: calc(100% - (70px + 38vw));
	}
}
@media screen and (max-height:680px) {
	.sec_05 .h2_sec5 {
		font-size: clamp(1.7rem, 4.428vw, 3.4rem);
	}
	.sec_05 .txt_b {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.sec_05 .txt {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
	}
	.sec_05 .wrap {
		height: calc(100% - (70px + 29vw));
	}
	.sec_05 .block .inner {
		padding: 5px 10px;
	}
	.sec_05 .block .box_voice .icon {
		width: min(6vw, 45px);
	}
	.sec_05 .h3_sec5 {
		font-size: min(2.86vw, 1.2rem);
	}
	.sec_05 .catch {
		font-size: min(2.382vw, 1.0rem);
	}
	.sec_05 .btn {
		font-size: var(--font14pt);
	}
	.sec_05 .block br {display: none;}
	.sec_05 .block .box_voice._box01 {
		transform: translateY(-32%);
	}
	.sec_05 .block .box_voice._box03 {
		transform: translateY(24%);
	}
}
@media screen and (max-height:680px) and (min-width:641px) {
	.sec_05 {
		padding-top: calc(var(--header-h) + 10px);
	}
	
	.sec_05 .h2_sec5 {
		font-size: var(--font22pt);
	}
	.sec_05 .txt_b {
		font-size: var(--font18pt);
	}
	.sec_05 .txt {
		font-size: var(--font14pt);
	}
	.sec_05 .wrap {
		height: calc(100% - (70px + 19vw));
	}
	.sec_05 .block {
		background-size: 130px auto;
		background-position: 100% 10px, 0% calc(100% - 10px);
		padding: 10px 0 min(4vw, 30px);
		margin-bottom: 0;
	}
	.sec_05 .img {
		width: 280px;
	}/*
	.sec_05 .h3_sec5 {
		font-size: var(--font15pt);
	}
	.sec_05 .catch {
		font-size: var(--font11pt);
	}
	.sec_05 .btn {
		font-size: var(--font14pt);
	}*/
}
@media screen and (max-height:620px) and (max-width:640px) {
	.sec_05 .img {
		width: 260px;
	}
}
@media screen and (max-height:680px) and (max-width:400px) {
	/*.sec_05 .txt_b {
		font-size: var(--font18pt);
	}
	.sec_05 .txt {
		font-size: var(--font15pt);
	}
	.sec_05 .img {
		width: 260px;
	}*/
}

/*sec6*/
.sec_06 {
	position: relative;
}
.sec_06 .wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	top: var(--header-h);
	bottom: 0;
}
.sec_06 .block {
	height: calc(100% / 4);
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sec_06 ._bk1 {
}
.sec_06 ._bk2 {
	background-image: url(../img/bg06-2.webp);
	background-position: 100% 50%;
}
.sec_06 ._bk3 {
	background-image: url(../img/bg06-3.webp);
	background-position: 0 50%;
}
.sec_06 ._bk4 {
	height: calc((100% / 4) + var(--footer-h));
	background-image: url(../img/bg06-4.webp);
	background-position: 100% 50%;
	justify-content: flex-start;
}
.sec_06 .h2_sec6 {
	color: #00947d;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
}
.sec_06 .h3_sec6 {
	font-family: "Noto Serif JP", serif;
	font-weight: 300;
	white-space: nowrap;
}
.sec_06 .txt {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}
.sec_06 ._bk1 .txt {
	text-align: center;
}

@media screen and (min-width:641px) {
	.sec_06 .h2_sec6 {
		font-size: var(--font20pt);
	}
	.sec_06 .h3_sec6 {
		font-size: var(--font18pt);
	}
	.sec_06 .txt {
		font-size: var(--font15pt);
	}
	.sec_06 .block {
		padding-right: 15px;
		padding-left: 15px;
	}
	.sec_06 ._bk3 {
		align-items: flex-end;
	}
	.sec_06 ._bk4 {
		padding-top: 15px;
	}
}
@media screen and (max-width:640px) {
	.sec_06 .h2_sec6 {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		margin-bottom: .4em;
	}
	.sec_06 .h3_sec6 {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.sec_06 .txt {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
	.sec_06 ._bk2 {
		padding-left: min(6vw, 45px);
		padding-right: min(36.8vw, 277px);
	}
	.sec_06 ._bk3 {
		padding-right: min(6vw, 45px);
		padding-left: min(27.2vw, 206px);
	}
	.sec_06 ._bk4 {
		padding-top: min(8vw, 60px);
		padding-left: min(6vw, 45px);
		padding-right: min(30.4vw, 228px);
	}
}
@media screen and (max-width:520px) {
	.sec_06 .h2_sec6 {
		font-size: clamp(1.8rem, 4.688vw, 3.6rem);
		margin-bottom: .4em;
	}
	.sec_06 .h3_sec6 {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}
	.sec_06 .txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
}

@media screen and (max-height:680px) and (max-width:640px) {
	.sec_06 .h2_sec6 {
		font-size: var(--font20pt);
	}
	.sec_06 .h3_sec6 {
		font-size: var(--font18pt);
	}
	.sec_06 .txt {
		font-size: var(--font15pt);
	}
	.sec_06 ._bk2,
	.sec_06 ._bk3,
	.sec_06 ._bk4 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.sec_06 ._bk3 {
		align-items: flex-end;
	}
	.sec_06 ._bk4 {
		padding-top: 15px;
	}
}

/*sec7*/
.sec_07 {
	padding-top: calc(var(--header-h) + min(6.8vw, 51px));
	background: url(../img/bg07.webp) 0 0 no-repeat;
	background-size: cover;
}
.sec_07 .h2_sec7 {
	color: #fff;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(78.8vw, 591px);
	height: min(10.4vw, 78px);
	margin: auto;
	background: linear-gradient(to right,  rgba(0,54,134,0) 0%,rgba(0,54,134,1) 20%,rgba(0,54,134,1) 50%,rgba(0,54,134,1) 80%,rgba(255,255,255,0) 100%);
}
.sec_07 .wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: calc((100% - (var(--header-h) + var(--footer-h))) / 2) ;
	position: relative;
}
.sec_07 .kome {
	color: #333;
	font-size: var(--font16pt);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	position: absolute;
	bottom: 10px;
	left: 15px;
}
.sec_07 .block {
	height: 50%;
	width: 100%;
	display: flex;
	align-items: center;
}
.sec_07 ._bk1,
.sec_07 ._bk3 {
	justify-content: flex-start;
	padding-left: min(2.03125vw, 39px);
}
.sec_07 ._bk2,
.sec_07 ._bk4 {
	justify-content: flex-end;
	padding-right: min(2.03125vw, 39px);
}

.sec_07 .inner {
	background: url(../img/bg07_block.webp) 0 0 no-repeat;
	background-size: cover;
	box-shadow: 0 0 10px 0 rgba(6, 0, 1, 0.3);
	border: solid 1px rgba(255, 255, 255, 0.5);
	padding: min(1.25vw, 24px);
}
.sec_07 ._bk1 .inner {
	width: min(65%, 488px);
}
.sec_07 ._bk2 .inner {
	width: min(62%, 470px);
}
.sec_07 ._bk3 .inner {
	width: min(62%, 470px);
}

.sec_07 .wp_ttl {
	display: flex;
	align-items: center;
}
.sec_07 .num {
	color: #fff;
	font-size: var(--font20pt);
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	width: min(4.84375vw, 45px);
	height: min(4.84375vw, 45px);
	margin-right: min(1.09375vw, 21px);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec_07 ._bk1 .num,
.sec_07 ._bk3 .num {
	background-color: #00947d;
}
.sec_07 ._bk2 .num,
.sec_07 ._bk4 .num {
	background-color: #003686;
}
.sec_07 .h3_sec7 {
	font-size: var(--font16pt);
	font-family: "Noto Serif JP", serif;
	line-height: 1.3;
}
.sec_07 .txt {
	font-size: var(--font12pt);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}

.sec_07 .img {
	height: 100%;
	width: auto;
}

@media screen and (min-width:641px) {
	.sec_07 {
		padding-top: calc(var(--header-h) + 30px);
	}
	.sec_07 .h2_sec7 {
		font-size: var(--font24pt);
		height: 60px;
		width: 75%;
		margin-bottom: 10px;
	}
	.sec_07 .wrap {
		/*padding: 15px 0;*/
	}
}
@media screen and (max-width:640px) {
	.sec_07 {
		padding-top: calc(var(--header-h) + min(6.8vw, 51px));
	}
	.sec_07 .h2_sec7 {
		font-size: clamp(1.7rem, 4.428vw, 3.4rem);
		width: min(78.8vw, 591px);
	}
	.sec_07 .wrap {
		/*padding: min(4vw, 30px) 0 min(6.8vw, 51px);*/
	}
	.sec_07 .inner {
		padding: min(3.6vw, 27px);
	}
	.sec_07 ._bk1,
	.sec_07 ._bk3 {
		align-items: flex-end;
		transform: translateY(min(4vw, 30px))
	}
	.sec_07 ._bk2,
	.sec_07 ._bk4 {
		align-items: flex-start;
		transform: translateY(min(-1vw, -7px))
	}
	.sec_07 ._bk1 .inner {
	width: min(65.2vw, 488px);
	}
	.sec_07 ._bk2 .inner {
		width: min(62.8vw, 470px);
	}
	.sec_07 ._bk3 .inner {
		width: min(78.8vw, 591px);
	}
	.sec_07 ._bk4 .inner {
		width: min(60.4vw, 454px);
	}

	.sec_07 .num {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
		width: min(8vw, 60px);
		height: min(8vw, 60px);
		margin-right: min(2.4vw, 18px);
	}
	.sec_07 .h3_sec7 {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
}
	.sec_07 .txt {
		font-size: clamp(1rem, 2.606vw, 2rem);
		font-size: clamp(0.9rem, 2.345vw, 1.8rem);
	}
	.sec_07 .kome {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
}
@media screen and (max-width:460px) {
	.sec_07 .num {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		width: min(10vw, 75px);
		height: min(10vw, 75px);
		margin-right: min(2.4vw, 18px);
	}
	.sec_07 ._bk2,
	.sec_07 ._bk4 {
		transform: translateY(0)
	}
	.sec_07 .h3_sec7 {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}
	.sec_07 .txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.sec_07 .kome {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
}
@media screen and (max-width:360px) {
	.sec_07 ._bk1 .inner {
	width: min(68.2vw, 488px);
	}
	.sec_07 ._bk2 .inner {
		width: min(65.8vw, 470px);
	}
	.sec_07 ._bk3 .inner {
		width: min(81.8vw, 591px);
	}
	.sec_07 ._bk4 .inner {
		width: min(63.4vw, 454px);
	}
	.sec_07 .wp_ttl {
		margin-bottom: min(2vw, 15px);
	}
}
@media screen and (max-height:680px) and (max-width:640px) {
	.sec_07 ._bk2,
	.sec_07 ._bk4 {
		transform: translateY(0)
	}
	.sec_07 .inner {
		padding: 5px 15px;
	}
	.sec_07 .num {
		font-size: var(--font22pt);
		width: 40px;
		height: 40px;
	}
	.sec_07 .h3_sec7 {
		font-size: var(--font15pt);
	}
	.sec_07 .txt {
		font-size: var(--font14pt);
	}
	.sec_07 .kome {
		font-size: var(--font12pt);
	}
}
@media screen and (max-height:680px) and (max-width:480px) {
	.sec_07 {
		padding-top: calc(var(--header-h) + 30px);
	}
	.sec_07 .h2_sec7 {
		font-size: var(--font24pt);
		height: 60px;
		width: 75%;
	}
	.sec_07 ._bk2 {
		transform: translateY(10px)
	}
	.sec_07 ._bk3 {
		transform: translateY(6px)
	}
	.sec_07 ._bk4 {
		transform: translateY(0)
	}
	.sec_07 .num {
		font-size: var(--font18pt);
		width: 35px;
		height: 35px;
	}
	.sec_07 .h3_sec7 {
		font-size: var(--font14pt);
	}
	.sec_07 .txt {
		font-size: var(--font13pt);
	}
	.sec_07 .kome {
		font-size: var(--font12pt);
	}
}

/*sec8*/
.sec_08 {
	padding-top: calc(var(--header-h) + min(6.8vw, 51px));
	padding-bottom: var(--footer-h);
	background: url(../img/bg08.webp) 0 0 no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.sec_08 .h2_sec8 {
	color: #00947d;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	text-align: center;
}
.sec_08 .txt{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}
.sec_08 .copy {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	text-align: center;
	padding-bottom: 1em;
}
.sec_08 iframe {
	width: 100%;
	aspect-ratio: 560 / 315;
}
@media screen and (min-width:641px) {
	.sec_08 .h2_sec8 {
		font-size: var(--font24pt);
	}
	.sec_08 .txt {
		font-size: var(--font18pt);
	}
	.sec_08 .copy {
		font-size: var(--font16pt);
	}
	.sec_08 .wrap {
		width: min(80%, 460px);
	}
}
@media screen and (max-width:640px) {
	.sec_08 {
		padding-top: calc(var(--header-h) + 15px);
	}
	.sec_08 {
		padding-left: min(5.6vw, 42px);
		padding-right: min(5.6vw, 42px);
	}
	.sec_08 .h2_sec8 {
		font-size: clamp(2.2rem, 5.73vw, 4.4rem);
		margin-bottom: min(4vw, 30px);
	}
	.sec_08 .txt{
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
		margin-bottom: min(7.2vw, 54px);
	}
	.sec_08 .copy {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
}
@media screen and (max-height:680px) and (max-width:640px) {
	.sec_08 .h2_sec8 {
		font-size: var(--font24pt);
		margin-bottom: min(2vw, 15px);
	}
	.sec_08 .txt {
		font-size: var(--font15pt);
		margin-bottom: min(2vw, 15px);
	}
	.sec_08 .copy {
		font-size: var(--font14pt);
	}
	.sec_08 .wrap {
		width: min(100%, 400px);
	}
}
@media screen and (max-height:680px) and (max-width:580px) {
	.sec_08 .h2_sec8 {
		font-size: var(--font24pt);
	}
	.sec_08 .txt {
		font-size: var(--font14pt);
	}
	.sec_08 .copy {
		font-size: var(--font13pt);
	}
	.sec_08 .wrap {
		width: min(75vw, 400px);
	}
}















