@charset "utf-8";

/* RESET */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}

.roboto {
font-family: "Roboto", sans-serif;
}
.Koburina W3 {
font-family: "Koburina Gothic W3 JIS2004";
}
.Koburina W6 {
font-family: "Koburina Gothic W6 JIS2004";
}
.GothicMB101Bold {
font-family: "Gothic MB101 Bold";
}


br.sp {
display: inherit;
}
br.pc {
display: none;
}
@media (min-width: 750px) {
	br.sp {
	display: none;
	}
	br.pc {
	display: inherit;
	}
}

.fadeElm {
position: relative;
transform: translate(0px,30px);
opacity:0
}

#contents .activeView {
transition: all .7s ease;
transform: translate(0px,0px);
filter: alpha(opacity=100);
opacity:1
}

/* COMMON */
html {
font-size: 62.5%;
scroll-behavior: smooth;
}

body {
position: relative;
margin: 0;
padding: 0;
font-family: "Koburina Gothic W6 JIS2004", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: 0.05em;
color: #000;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
@media (max-width: 750px) {
  body {
    font-size: 2.8rem;
  }
}

a:link,
a:active,
a:visited { 
color: #000;
text-decoration: none;
}
a:hover { 
color: #000;
text-decoration: underline;
}
ul,ol {
list-style: none;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
}

/* Clear Float */
.section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.section {
zoom: 1;
}
.pc {
display: none;
}
.sp {
display: inherit;
}
@media (min-width: 750px) {
	.pc {
	display: inherit;
	}
	.sp {
	display: none;
	}
}

/* HEADER */
.header {
background-color: #fff;
z-index: 1;
}
.header_inner {
display: flex;
align-items: center;
justify-content: center;
min-height: 4.5rem;
}
.header_logo {
display: inline-flex;
align-items: center;
justify-content: center;
}
.header_logo img {
max-width: 10rem;
}
@media (min-width: 768px) {
	.header {
	border-bottom: solid 1px #000;
	}
}

/* footer */
.footer {
background-color: #7c7c7c;
padding: 2.5rem 0;
text-align: center;
font-size: 10px;
letter-spacing: 0;
}
.script {
position: absolute;
left: 0;
bottom: 0;
}

/* PAGEBODY */
#pageBody {}

/* CONTENTS */
#contents {}

@media (max-width: 767px) {
	.naviSCT {
	position: sticky;
	top: 0;
	z-index: 10;
	width: 100%;
	}
	.naviSCT .trigger {
	position: absolute;
	right: 1.333vw;
	top: 2.667vw;
	background-color: #fff;
	border-radius: 2666.4vw;
	width: 12vw;
	height: 12vw;
	z-index: 10;
	caret-color: transparent;
	}
	.naviSCT .trigger span {
	transition: transform .7s ease, opacity .7s ease;
	position: absolute;
	left: 2.667vw;
	background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
	width: 6.667vw;
	height: 0.533vw;
	opacity: 0.7;
	}
	.naviSCT .trigger span:nth-of-type(1) {
	top: 3.733vw;
	}
	.naviSCT .trigger span:nth-of-type(2) {
	top: 5.867vw;
	}
	.naviSCT .trigger span:nth-of-type(3) {
	top: 8vw;
	}
	.naviSCT.active .trigger span:nth-of-type(1) {
	transform: translateY(8px) rotate(45deg);
	}
	.naviSCT.active .trigger span:nth-of-type(2) {
	opacity: 0;
	}
	.naviSCT.active .trigger span:nth-of-type(3) {
	transform: translateY(-8px) rotate(-45deg);
	}
	.naviSCT .cont {
	transition: opacity .7s ease,visibility .7s ease;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f3f4f8;
	padding: 6.933vw;
	width: 100%;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	}
	.naviSCT.active .cont {
	opacity: 1;
	visibility: visible;
	}
	.naviSCT h3 {
	margin-bottom: 3.2vw;
	}
	.naviSCT h3 img {
	display: block;
	margin: 0 auto;
	width: 59.2vw;
	}
	.naviSCT ul {
	border-top: solid 1px #c9caca;
	}
	.naviSCT li {
	border-bottom: solid 1px #c9caca;
	font-size: 5.333vw;
	text-align: center;
	}
	.naviSCT li a {
	display: block;
	padding: 5.333vw 0 3.2vw 0;
	}
	.naviSCT li:nth-of-type(1) a {
	color: #7dbe6f;
	}
	.naviSCT li:nth-of-type(2) a {
	color: #000000;
	}
	.naviSCT li:nth-of-type(3) a {
	color: #db6c60;
	}
	.naviSCT li:nth-of-type(4) a {
	color: #97c6dd;
	}
	.naviSCT li:nth-of-type(5) a {
	color: #6fc1bc;
	}
	.naviSCT li img {
	display: block;
	margin: 0 auto 5px auto;
	width: auto;
	height: 5.867vw;
	}
	.naviSCT p {
	margin-top: 9.333vw;
	}
	.naviSCT p a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.667vw;
	position: relative;
	height: 14.667vw;
	font-size: 4.933vw;
	text-decoration: none;
	z-index: 1;
	}
	.naviSCT p a::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: -1;
	}
}
@media (min-width: 768px) {
	.naviSCT {
	position: sticky;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 74px;
	}
	.naviSCT .trigger {
	display: none;
	}
	.naviSCT .cont {
	transition: opacity .7s ease,visibility .7s ease;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	border-bottom: solid 1px #000;
	padding: 10px 0;
	width: 100%;
	height: 74px;
	}
	.naviSCT h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 170px;
	height: 54px;
	}
	.naviSCT h3 img {
	display: block;
	margin: 0 auto;
	width: 144px;
	}
	.naviSCT ul {
	flex: 1;
	display: flex;
	flex-direction: row;
	border-left: solid 1px #c9caca;
	}
	.naviSCT li {
	flex: 1;
	border-right: solid 1px #c9caca;
	height: 54px;
	font-size: 16px;
	text-align: center;
	}
	.naviSCT li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 54px;
	}
	.naviSCT li:nth-of-type(1) a {
	color: #7dbe6f;
	}
	.naviSCT li:nth-of-type(2) a {
	color: #000000;
	}
	.naviSCT li:nth-of-type(3) a {
	color: #db6c60;
	}
	.naviSCT li:nth-of-type(4) a {
	color: #97c6dd;
	}
	.naviSCT li:nth-of-type(5) a {
	color: #6fc1bc;
	}
	.naviSCT li a:hover {
	text-decoration: none;
	}
	.naviSCT li a span {
	transition: background-color .7s ease,color .7s ease;
	padding: 0 5px;
	}
	.naviSCT li:nth-of-type(1) a:hover span {
	background-color: #7dbe6f;
	color: #fff;
	}
	.naviSCT li:nth-of-type(2) a:hover span {
	background-color: #000000;
	color: #fff;
	}
	.naviSCT li:nth-of-type(3) a:hover span {
	background-color: #db6c60;
	color: #fff;
	}
	.naviSCT li:nth-of-type(4) a:hover span {
	background-color: #97c6dd;
	color: #fff;
	}
	.naviSCT li:nth-of-type(5) a:hover span {
	background-color: #6fc1bc;
	color: #fff;
	}
	.naviSCT li img {
	display: block;
	margin: 0 auto 5px auto;
	width: auto;
	height: 14px;
	}
	.naviSCT p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 170px;
	}
	.naviSCT p a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 108px;
	height: 38px;
	font-size: 16px;
	text-decoration: none;
	z-index: 1;
	}
	.naviSCT p a::before {
	transition: opacity .7s ease;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: -1;
	}
	.naviSCT p a {
	transition: background .7s ease, color .7s ease;
	}
	.naviSCT p a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.naviSCT p a:hover::before {
	opacity: 0;
	}
}

.visualSCT .cont {
position: relative;
}
.visualSCT {
position: relative;
}
.visualSCT img {
display: block;
width: 100%;
height: auto;
}
.visualSCT .date {
position: relative;
padding: 6.4vw 0;
}
.visualSCT .date::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
width: 100%;
height: 100%;
opacity: 0.7;
}
.visualSCT .date img {
position: relative;
display: block;
margin: 0 auto;
width: 83%;
}
@media (min-width: 768px) {
	.visualSCT .date {
	display: flex;
	justify-content: center;
	gap: 16px;
	padding: 17px 40px;
	}
	.visualSCT .date::before {
	background-image: none;
	background-color: #8fb0bf;
	opacity: 1;
	}
	.visualSCT .date img {
	position: relative;
	display: block;
	margin: 0 auto;
	width: auto;
	height: 92px;
	}
}

.catchSCT .cont {
margin: 0 auto;
padding: 11.733vw 0 9.067vw 0;
width: 85.333vw;
}
.catchSCT .catch {
margin-bottom: 6.667vw;
}
.catchSCT .catch img {
position: relative;
display: block;
margin: 0;
width: 93%;
}
.catchSCT p {
font-size: 3.733vw;
line-height: 2.18;
letter-spacing: 0.1em;
}
@media (min-width: 768px) {
	.catchSCT .cont {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 35px 40px 45px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.catchSCT .catch {
	margin-bottom: 28px;
	}
	.catchSCT .catch img {
	width: auto;
	height: 56px;
	}
	.catchSCT p {
	font-size: 20px;
	line-height: 1.85;
	text-align: center;
	}
}

.talkSCT {
background-color: #b7ce73;
}
.talkSCT .cont {
margin: 0 auto;
padding: 11.733vw 0 13.333vw 0;
width: 85.333%;
}
.talkSCT h2 {
margin-bottom: 3.2vw;
}
.talkSCT h2 img {
position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 8vw;
}
.talkSCT .head p {
margin-bottom: 4.533vw;
font-size: 5.333vw;
text-align: center;
color: #fff;
}
.talkSCT .lead {
margin-bottom: 11.467vw;
font-size: 4.533vw;
line-height: 1.67;
text-align: center;
color: #fff;
}
.talkSCT .guest {
display: flex;
flex-direction: column;
gap: 17.067vw;
}
.talkSCT .guest figure {
position: relative;
margin: 0 auto;
width: 55.2vw;
}
.talkSCT .guest figure .date {
transform: translateY(-50%);
position: absolute;
top: 0;
right: -5.867vw;
width: auto;
height: 8vw;
}
.talkSCT .guest picture {
margin: 0 auto;
width: 55.2vw;
}
.talkSCT .guest picture img {
border: solid 1px #7dbe6f;
}
.talkSCT .guest figcaption {
transform: translate(-50%,50%);
position: absolute;
left: 50%;
bottom: 0;
background-color: #7dbe6f;
border-radius: 26666.4vw;
padding: 0 4vw;
font-size: 6.4vw;
white-space: nowrap;
line-height: 9.6vw;
color: #fff;
}
.talkSCT .guest figcaption span {
font-size: 4.8vw;
}
.talkSCT .guest p {
display: flex;
justify-content: center;
margin-top: 7.2vw;
font-size: 5.333vw;
line-height: 1.37;
color: #fff;
}
.talkSCT .button {
margin-top: 19.2vw;
}
.talkSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
background-color: #fff;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
color: #231815;
}
.talkSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #231815;
border-right: solid 1px #231815;
width: 3.2vw;
height: 3.2vw;
}
@media (min-width: 768px) {
	.talkSCT .cont {
	padding: 60px 0 80px 0;
	}
	.talkSCT h2 {
	margin-bottom: 12px;
	}
	.talkSCT h2 img {
	height: 35px;
	}
	.talkSCT .head p {
	margin-bottom: 17px;
	font-size: 24px;
	}
	.talkSCT .lead {
	margin-bottom: 70px;
	font-size: 20px;
	line-height: 1.85;
	text-align: center;
	}
	.talkSCT .guest {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0;
	}
	.talkSCT .guest .block {
	width: 376px;
	}
	.talkSCT .guest figure {
	width: 250px;
	}
	.talkSCT .guest figure .date {
	transform: translateY(-50%);
	position: absolute;
	top: 0;
	right: -20px;
	width: auto;
	height: 32px;
	}
	.talkSCT .guest picture {
	width: 250px;
	}
	.talkSCT .guest figcaption {
	border-radius: 99999px;
	padding: 0 18px;
	font-size: 22px;
	line-height: 34px;
	}
	.talkSCT .guest figcaption span {
	font-size: 16px;
	}
	.talkSCT .guest p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.48;
	text-align: center;
	}
	.talkSCT .button {
	margin-top: 70px;
	}
	.talkSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.talkSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.talkSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.talkSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
}

.contentsSCT {
position: relative;
background: #f4f5f9 url("../img/sp/cnt_bg3.svg") no-repeat center bottom;
background-size: 100% auto;
}
.contentsSCT::before {
content: '';
position: absolute;
right: 0;
top: 0;
background: url("../img/sp/cnt_bg1.svg") no-repeat center top;
background-size: 100% auto;
width: 40vw;
height: 40vw;
}
.contentsSCT::after {
transform: translateY(-70%);
content: '';
position: absolute;
left: 0;
top: 50%;
background: url("../img/sp/cnt_bg2.svg") no-repeat left center;
background-size: 100% auto;
width: 92%;
height: 128vw;
}
.contentsSCT .cont {
position: relative;
margin: 0 auto;
padding: 11.733vw 0 13.333vw 0;
width: 85.333%;
z-index: 1;
}
.contentsSCT h2 {
margin-bottom: 3.2vw;
}
.contentsSCT h2 img {
position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 8vw;
}
.contentsSCT .head p {
margin-bottom: 4.533vw;
font-size: 5.333vw;
text-align: center;
}
.contentsSCT .lead {
margin-bottom: 11.467vw;
font-size: 4.533vw;
line-height: 1.67;
text-align: center;
}
.contentsSCT .list {
display: flex;
flex-direction: column;
gap: 17.333vw;
}
.contentsSCT figure {
display: flex;
flex-wrap: wrap;
gap: 1.867vw;
position: relative;
}
.contentsSCT figure picture {
flex: 1;
}
.contentsSCT figure picture:first-child {
flex: initial;
width: 100%;
}
.contentsSCT figure figcaption {
transform: translateY(-50%);
position: absolute;
left: 0;
top: 0;
}
.contentsSCT figure figcaption img {
width: auto;
height: 9.867vw;
}
.contentsSCT .block p {
margin-top: 3.733vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 4.267vw;
line-height: 1.62;
letter-spacing: 0.1em;
}
.contentsSCT .button {
margin-top: 9.333vw;
}
.contentsSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
background-color: #3e3a39;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
color: #fff;
}
.contentsSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
width: 3.2vw;
height: 3.2vw;
}
@media (min-width: 768px) {
	.contentsSCT {
	position: relative;
	background: #f4f5f9 url("../img/sp/cnt_bg3.svg") no-repeat right bottom;
	background-size: 600px auto;
	}
	.contentsSCT::before {
	width: 250px;
	height: 250px;
	}
	.contentsSCT::after {
	width: 600px;
	height: 600px;
	}
	.contentsSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 80px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.contentsSCT h2 {
	margin-bottom: 12px;
	}
	.contentsSCT h2 img {
	height: 35px;
	}
	.contentsSCT .head p {
	margin-bottom: 17px;
	font-size: 24px;
	}
	.contentsSCT .lead {
	margin-bottom: 70px;
	font-size: 20px;
	line-height: 1.85;
	text-align: center;
	}
	.contentsSCT .list {
	flex-direction: row;
	justify-content: center;
	gap: 35px;
	}
	.contentsSCT .block {
	width: 290px;
	}
	.contentsSCT figure {
	gap: 6px;
	}
	.contentsSCT figure figcaption img {
	width: auto;
	height: 34px;
	}
	.contentsSCT .block p {
	margin-top: 10px;
	font-family: "Koburina Gothic W3 JIS2004";
	font-size: 18px;
	line-height: 1.78;
	}
	.contentsSCT .button {
	margin-top: 70px;
	}
	.contentsSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.contentsSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.contentsSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.contentsSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
}

.kidsSCT {
position: relative;
background-color: #eed264;
}
.kidsSCT .cont {
position: relative;
margin: 0 auto;
padding: 11.733vw 0 13.333vw 0;
width: 85.333%;
z-index: 1;
}
.kidsSCT h2 {
margin-bottom: 3.2vw;
}
.kidsSCT h2 img {
position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 8vw;
}
.kidsSCT .head p {
margin-bottom: 4.533vw;
font-size: 5.333vw;
text-align: center;
color: #db6c60;
}
.kidsSCT .lead {
margin-bottom: 11.467vw;
font-size: 4.533vw;
line-height: 1.67;
text-align: center;
color: #db6c60;
}
.kidsSCT .list {
display: flex;
flex-direction: column;
gap: 17.333vw;
}
.kidsSCT figure {
display: flex;
flex-wrap: wrap;
gap: 1.867vw;
position: relative;
}
.kidsSCT figure picture {
flex: 1;
}
.kidsSCT figure picture:first-child {
flex: initial;
width: 100%;
}
.kidsSCT figure picture:nth-of-type(2) {
position: absolute;
right: -1.6vw;
bottom: -23.2vw;
width: 36vw;
}
.kidsSCT figure figcaption {
transform: translateY(-50%);
position: absolute;
left: 0;
top: 0;
}
.kidsSCT figure figcaption img {
width: auto;
height: 8.533vw;
}
.kidsSCT .block p {
margin-top: 3.733vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 4.267vw;
line-height: 1.62;
letter-spacing: 0.1em;
}
.kidsSCT .block p.note {
margin-top: 2.4vw;
font-size: 3.2vw;
}
.kidsSCT .button {
margin-top: 9.333vw;
}
.kidsSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
background-color: #db6d60;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
color: #fff;
}
.kidsSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
width: 3.2vw;
height: 3.2vw;
}
@media (min-width: 768px) {
	.kidsSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 80px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.kidsSCT h2 {
	margin-bottom: 12px;
	}
	.kidsSCT h2 img {
	height: 35px;
	}
	.kidsSCT .head p {
	margin-bottom: 17px;
	font-size: 24px;
	}
	.kidsSCT .lead {
	margin-bottom: 70px;
	font-size: 20px;
	line-height: 1.85;
	text-align: center;
	}
	.kidsSCT .block {
	margin: 0 auto;
	width: 600px;
	}
	.kidsSCT figure {
	gap: 6px;
	}
	.kidsSCT figure picture:nth-of-type(2) {
	position: absolute;
	right: 30px;
	bottom: -160px;
	width: 250px;
	}
	.kidsSCT figure figcaption {
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	top: 0;
	}
	.kidsSCT figure figcaption img {
	width: auto;
	height: 34px;
	}
	.kidsSCT .block p {
	margin-top: 10px;
	font-family: "Koburina Gothic W3 JIS2004";
	font-size: 18px;
	line-height: 1.78;
	}
	.kidsSCT .block p.note {
	margin-top: 5px;
	font-size: 14px;
	}
	.kidsSCT .button {
	margin-top: 70px;
	}
	.kidsSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.kidsSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.kidsSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.kidsSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
}

.presentSCT {
position: relative;
background-color: #eef7f6;
}
.presentSCT .cont {
position: relative;
margin: 0 auto;
padding: 11.733vw 0 13.333vw 0;
width: 85.333%;
z-index: 1;
}
.presentSCT h2 {
margin-bottom: 3.2vw;
}
.presentSCT h2 img {
position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 8vw;
}
.presentSCT .head p {
margin-bottom: 4.533vw;
font-size: 5.333vw;
text-align: center;
color: #6fc1bc;
}
.presentSCT .lead {
margin-bottom: 11.467vw;
font-size: 4.533vw;
line-height: 1.67;
text-align: center;
color: #6fc1bc;
}
.presentSCT .list {
display: flex;
flex-direction: column;
gap: 17.333vw;
}
.presentSCT figure {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 4.267vw;
}
.presentSCT .button {
margin-top: 9.333vw;
}
.presentSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
background-color: #90c3c2;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
color: #fff;
}
.presentSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
width: 3.2vw;
height: 3.2vw;
}
@media (min-width: 768px) {
	.presentSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 80px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.presentSCT h2 {
	margin-bottom: 12px;
	}
	.presentSCT h2 img {
	height: 35px;
	}
	.presentSCT .head p {
	margin-bottom: 17px;
	font-size: 24px;
	}
	.presentSCT .lead {
	margin-bottom: 70px;
	font-size: 20px;
	line-height: 1.85;
	text-align: center;
	}
	.presentSCT .list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 6px;
	}
	.presentSCT figure {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	}
	.presentSCT picture img {
	width: auto;
	height: 280px;
	}
	.presentSCT .button {
	margin-top: 70px;
	}
	.presentSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.presentSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.presentSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.presentSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
}

.accessSCT {
position: relative;
}
.accessSCT .cont {
position: relative;
margin: 0 auto;
padding: 11.733vw 0 13.333vw 0;
width: 85.333%;
z-index: 1;
}
.accessSCT h2 {
margin-bottom: 3.2vw;
}
.accessSCT h2 img {
position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 8vw;
}
.accessSCT .head p {
margin-bottom: 4.533vw;
font-size: 5.333vw;
text-align: center;
}
.accessSCT dt {
border-bottom: solid 1px #000;
margin-bottom: 1.6vw;
font-size: 5.867vw;
letter-spacing: 0.05em;
}
.accessSCT dt i {
font-family: "Roboto", sans-serif;
font-style: italic;
font-weight: 700;
}
.accessSCT dd {
margin-bottom: 4vw;
font-size: 3.467vw;
letter-spacing: 0.05em;
}
.accessSCT dd i {
font-style: normal;
font-size: 4.933vw;
}
.accessSCT strong {
font-family: "Koburina Gothic W6 JIS2004";
}
.accessSCT dd:last-child {
margin-bottom: 0;
}
.accessSCT .note {
margin-bottom: 2.667vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.2vw;
letter-spacing: 0.05em;
}
.accessSCT .zoom {
padding: 3.2vw 0 6.4vw 0;
}
.accessSCT .zoom img {
margin: 0 0 0 auto;
width: 32.533vw;
height: auto;
}
.accessSCT .map iframe {
width: 100%;
height: 53.333vw;
}
@media (min-width: 768px) {
	.accessSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 80px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.accessSCT h2 {
	margin-bottom: 12px;
	}
	.accessSCT h2 img {
	height: 35px;
	}
	.accessSCT .head p {
	margin-bottom: 70px;
	font-size: 24px;
	}
	.accessSCT .block {
	display: flex;
	gap: 35px;
	}
	.accessSCT .image,
	.accessSCT .pack {
	flex: 1;
	}
	.accessSCT dt {
	margin-bottom: 10px;
	font-size: 34px;
	}
	.accessSCT dd {
	margin-bottom: 10px;
	font-size: 20px;
	letter-spacing: 0.05em;
	}
	.accessSCT dd:last-child {
	margin-bottom: 0;
	}
	.accessSCT dd i {
	font-size: 28px;
	}
	.accessSCT .note {
	margin-bottom: 5px;
	font-size: 16px;
	}
	.accessSCT .zoom {
	padding: 10px 0 40px 0;
	}
	.accessSCT .zoom img {
	margin: 0 0 0 auto;
	width: 100px;
	height: auto;
	}
	.accessSCT .map iframe {
	width: 100%;
	height: 500px;
	}
}

.faqSCT {
position: relative;
}
.faqSCT .cont {
position: relative;
margin: 0 auto;
padding: 11.733vw 0 13.333vw 0;
width: 85.333%;
z-index: 1;
}
.faqSCT h2 {
margin-bottom: 3.2vw;
}
.faqSCT h2 img {
position: relative;
display: block;
margin: 0 auto;
width: auto;
height: 8vw;
}
.faqSCT .head p {
margin-bottom: 4.533vw;
font-size: 5.333vw;
text-align: center;
}
.faqSCT .list {
display: flex;
flex-direction: column;
gap: 10.667vw;
}
.faqSCT h3 {
display: inline-block;
clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
margin-bottom: 3.23vw;
padding: 0 6.667vw 0 4vw;
font-size: 5.333vw;
white-space: nowrap;
line-height: 8vw;
overflow: hidden;
}
.faqSCT h3::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
width: 100%;
height: 100%;
opacity: 0.7;
}
.faqSCT h3 span {
position: relative;
}
.faqSCT dl {
padding-bottom: 1.333vw;
}
.faqSCT dl:last-child {
margin-bottom: 0;
}
.faqSCT dt {
position: relative;
padding: 1.333vw 3.2vw 1.333vw 0;
font-size: 4.8vw;
letter-spacing: 0.05em;
}
.faqSCT dt::after {
content: '';
transition: transform 0.3s ease-in-out;
transform: translateY(-50%) rotate(45deg);
position: absolute;
right: 0;
top: 50%;
box-sizing: border-box;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
.faqSCT dt.active::after {
content: '';
transform: translateY(-50%) rotate(-135deg);
}
.faqSCT dd {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
line-height: 1.75;
letter-spacing: 0.05em;
}
.faqSCT dd {
transition: max-height 0.3s ease-in-out ,padding 0.3s ease-in-out;
max-height: 0;
padding: 0;
overflow: hidden;
}
@media (min-width: 768px) {
	.faqSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 80px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.faqSCT h2 {
	margin-bottom: 12px;
	}
	.faqSCT h2 img {
	height: 35px;
	}
	.faqSCT .head p {
	margin-bottom: 70px;
	font-size: 24px;
	}
	.faqSCT .list {
	display: flex;
	flex-direction: column;
	gap: 40px;
	}
	.faqSCT h3 {
	position: relative;
	margin-bottom: 10px;
	padding: 0 20px 0 10px;
	font-size: 19px;
	line-height: 30px;
	}
	.faqSCT dl {
	padding-bottom: 20px;
	}
	.faqSCT dt {
	position: relative;
	padding: 10px 15px 10px 0;
	font-size: 24px;
	letter-spacing: 0.05em;
	cursor: pointer;
	}
	.faqSCT dt::after {
	width: 15px;
	height: 15px;
	}
	.faqSCT dd {
	font-size: 16px;
	}
}

.titleSCT {
position: relative;
padding: 8vw 0 6.667vw 0;
}
.titleSCT::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.reservation .titleSCT::before {
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
opacity: 0.7;
}
.present .titleSCT::before {
background-color: #90c3c2;
}
.access .titleSCT::before {
background-color: #e1e3e5;
}
.kidsspace .titleSCT::before {
background-color: #db6c60;
}
.contents .titleSCT::before {
background-color: #595757;
}
.specialtalk .titleSCT::before {
background-color: #7dbe6f;
}
.titleSCT h1 img {
position: relative;
margin: 0 auto;
width: auto;
height: 6.933vw;
}
.titleSCT p {
position: relative;
margin-top: 1.333vw;
font-size: 5.867vw;
text-align: center;
}
.specialtalk .titleSCT p,
.contents .titleSCT p,
.kidsspace .titleSCT p,
.present .titleSCT p {
color: #fff;
}
@media (min-width: 768px) {
	.titleSCT {
	position: relative;
	padding: 50px 0 45px 0;
	}

	.titleSCT h1 img {
	height: 40px;
	}
	.titleSCT p {
	margin-top: 10px;
	font-size: 20px;
	}
}

.stepSCT .cont{
margin: 0 auto;
padding: 4.8vw 0 16vw 0;
width: 85.333%;
}
.stepSCT .lead {
margin-bottom: 2.4vw;
font-size: 4.8vw;
text-align: center;
}
.stepSCT h2 {
margin-bottom: 11.2vw;
font-size: 5.867vw;
text-align: center;
}
.stepSCT ol {
display: flex;
flex-direction: column;
gap: 25.067vw;
margin-bottom: 18.667vw; 
font-size: 4.8vw;
text-align: center;
}
.stepSCT ol img {
display: block;
margin: 0 auto 4.267vw auto ;
width: auto;
height: 8vw;
}
.stepSCT li {
position: relative;
}
.stepSCT li::after {
content: '';
position: absolute;
left: 50%;
bottom: -13.867vw;
transform: translateX(-50%) rotate(45deg);
box-sizing: border-box;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
width: 5.333vw;
height: 5.333vw;
}
.stepSCT li:last-child::after {
display: none;
}
.stepSCT .button {}
.stepSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
z-index: 1;
}
.stepSCT .button a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
width: 100%;
height: 100%;
opacity: 0.7;
z-index: -1;
}
.stepSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
@media (min-width: 768px) {
	.stepSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 80px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.stepSCT .lead {
	margin-bottom: 5px;
	font-size: 35px;
	}
	.stepSCT h2 {
	margin-bottom: 45px;
	font-size: 44px;
	}
	.stepSCT ol {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 90px;
	margin-bottom: 80px; 
	font-size: 20px;
	}
	.stepSCT ol img {
	display: block;
	margin: 0 auto 16px auto ;
	width: auto;
	height: 60px;
	}
	.stepSCT li {
	position: relative;
	width: 300px;
	}
	.stepSCT li::before {
	content: '';
	position: absolute;
	right: -45px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	box-sizing: border-box;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	width: 20px;
	height: 20px;
	}
	.stepSCT li:last-child::before {
	display: none;
	}
	.stepSCT li::after {
	display: none;
	}
	.stepSCT .button {}
	.stepSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.stepSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.stepSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.stepSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
	.stepSCT .button a::before {
	transition: opacity .7s ease;
	}
	.stepSCT .button a:hover::before {
	opacity: 0;
	}
}

.winningSCT {
background-color: #eef7f6;
}
.winningSCT .cont {
margin: 0 auto;
padding: 4.8vw 0 9.333vw 0;
width: 85.333%;
}
.winningSCT .lead {
margin-bottom: 9.333vw;
font-size: 4.8vw;
text-align: center;
}
.winningSCT .lead img {
display: inline;
margin-left: 1.333vw;
width: 4vw;
height: auto;
}
.winningSCT .bln {
margin-bottom: 2.667vw;
}
.winningSCT .list {
display: flex;
flex-direction: column;
gap: 0;
}
.winningSCT .list {
display: flex;
flex-direction: column;
gap: 9.333vw;
}
.winningSCT .block figure {
position: relative;
}
.winningSCT .block figcaption {
position: absolute;
left: 0;
top: 0;
clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
padding: 0 6.667vw 0 4vw;
font-size: 5.867vw;
white-space: nowrap;
line-height: 8vw;
color: #fff;
}
.winningSCT .block:nth-of-type(1) figcaption {
background-color: #c59d07;
}
.winningSCT .block:nth-of-type(2) figcaption {
background-color: #898a8a;
}
.winningSCT .block:nth-of-type(3) figcaption {
background-color: #9d5f3b;
}
.winningSCT .block p {
margin-top: 1.6vw;
font-size: 5.333vw;
}
.winningSCT .block:nth-of-type(1) p {
color: #c59d07;
}
.winningSCT .block:nth-of-type(2) p {
color: #898a8a;
}
.winningSCT .block:nth-of-type(3) p {
color: #9d5f3b;
}
@media (min-width: 768px) {
	.winningSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 60px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.winningSCT .lead {
	margin-bottom: 45px;
	font-size: 35px;
	}
	.winningSCT .lead img {
	display: inline;
	margin-left: 10px;
	width: 30px;
	height: auto;
	}
	.winningSCT .bln {
	margin-bottom: 40px;
	}
	.winningSCT .bln img {
	width: 500px;
	}
	.winningSCT .list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 40px;
	font-size: 20px;
	}
	.winningSCT .block {
	flex: 1;
	}
	.winningSCT .block figcaption {
	padding: 0 20px 0 10px;
	font-size: 19px;
	line-height: 30px;
	}
	.winningSCT .block p {
	margin-top: 10px;
	font-size: 20px;
	line-height: 1.48;
	}
}

.memorialSCT {
background-color: #a7cfce;
color: #fff;
}
.memorialSCT .cont {
margin: 0 auto;
padding: 9.333vw 0 7.467vw 0;
width: 85.333%;
}
.memorialSCT .lead {
margin-bottom: 7.467vw;
font-size: 5.867vw;
text-align: center;
}
.memorialSCT .lead strong {
background: url("../img/sp/present/line.svg") no-repeat center bottom;
background-size: contain;
}
.memorialSCT .block p {
margin-top: 1.6vw;
font-size: 5.333vw;
}
.memorialSCT .block .note {
background-color: rgba(255,255,255,0.7);
padding: 1.333vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.2vw;
color: #231815;
}
@media (min-width: 768px) {
	.memorialSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 60px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.memorialSCT .lead {
	margin-bottom: 45px;
	font-size: 35px;
	}
	.memorialSCT .block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	font-size: 20px;
	}
	.memorialSCT .block div {
	margin: 0 auto;
	max-width: 850px;
	}
	.memorialSCT .block figure {
	margin: 0 auto;
	width: 576px;
	}
	.memorialSCT .block p {
	margin: 0;
	font-size: 20px;
	line-height: 1.48;
	}
	.memorialSCT .block .note {
	padding: 10px;
	font-size: 14px;
	}
}

.buttonSCT {
}
.buttonSCT .cont {
margin: 0 auto;
padding: 9.333vw 0 9.333vw 0;
width: 85.333%;
}
.buttonSCT .button {}
.buttonSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
height: 16vw;
font-size: 4.933vw;
text-decoration: none;
z-index: 1;
}
.buttonSCT .button a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
width: 100%;
height: 100%;
opacity: 0.7;
z-index: -1;
}
.buttonSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
.buttonSCT .button2 {
margin-bottom: 6.667vw;
}
.buttonSCT .button2 a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
height: 16vw;
font-size: 4.933vw;
text-decoration: none;
z-index: 1;
}
.buttonSCT .button2 a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
border: solid 1px #000;
width: 100%;
height: 100%;
z-index: -1;
}
.buttonSCT .button2 a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
.buttonSCT .note {
margin-top: 4.533vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
text-align: center;
}
@media (min-width: 768px) {
	.buttonSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 60px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.buttonSCT .button {}
	.buttonSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.buttonSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.buttonSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.buttonSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
	.buttonSCT .button a::before {
	transition: opacity .7s ease;
	}
	.buttonSCT .button a:hover::before {
	opacity: 0;
	}
	.buttonSCT .button2 {
	margin-bottom: 40px;
	}
	.buttonSCT .button2 a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.buttonSCT .button2 a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.buttonSCT .button2 a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.buttonSCT .button2 a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
	.buttonSCT .button2 a::before {
	transition: opacity .7s ease;
	}
	.buttonSCT .button2 a:hover::before {
	opacity: 0;
	}
	.buttonSCT .note {
	margin-top: 20px;
	font-size: 16px;
	}
}

.kidsspaceSCT {
background-color: #eef2f5;
}
.kidsspaceSCT .cont {
margin: 0 auto;
padding: 4.8vw 0 21.333vw 0;
width: 85.333%;
}
.kidsspaceSCT .lead {
margin-bottom: 14.667vw;
font-size: 4.8vw;
text-align: center;
}
.kidsspaceSCT .block1 figure {
position: relative;
}
.kidsspaceSCT .block1 figure picture {
flex: 1;
}
.kidsspaceSCT .block1 figure picture:first-child {
flex: initial;
width: 100%;
}
.kidsspaceSCT .block1 figure figcaption {
transform: translateY(-50%);
position: absolute;
left: 0;
top: 0;
}
.kidsspaceSCT .block1 figure figcaption img {
width: auto;
height: 8.533vw;
}
.kidsspaceSCT .block1 .icon {
margin: 20px auto 30px auto;
width: 55.333vw;
height: auto;
}
.kidsspaceSCT .block2 {
margin-bottom: 12vw; 
}
.kidsspaceSCT .block2 h3 {
margin-bottom: 2.667vw;
font-size: 5.333vw;
text-decoration: underline;
}
.kidsspaceSCT .block2 p {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 4.267vw;
}
.kidsspaceSCT .block3 {
display: flex;
gap: 2.667vw;
margin-bottom: 12vw; 
}
.kidsspaceSCT .block3 .image {
width: 40vw;
}
.kidsspaceSCT .block3 .pack {
margin-top: -2.133vw;
flex: 1;
}
.kidsspaceSCT .block3 h3 {
font-size: 5.867vw;
color: #db6c60;
}
.kidsspaceSCT .block3 p {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 4.267vw;
}
.kidsspaceSCT .block4 {
display: flex;
flex-direction: row-reverse;
gap: 2.667vw;
margin-bottom: 18.667vw; 
}
.kidsspaceSCT .block4 .image {
width: 38.667vw;
}
.kidsspaceSCT .block4 .pack {
margin-top: -2.133vw;
flex: 1;
}
.kidsspaceSCT .block4 h3 {
font-size: 5.867vw;
color: #db6c60;
}
.kidsspaceSCT .block4 p {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 4.267vw;
}
.kidsspaceSCT .button {}
.kidsspaceSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
z-index: 1;
}
.kidsspaceSCT .button a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
width: 100%;
height: 100%;
opacity: 0.7;
z-index: -1;
}
.kidsspaceSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
.kidsspaceSCT .note {
margin-top: 2.233vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
}
@media (min-width: 768px) {
	.kidsspaceSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 60px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.kidsspaceSCT .lead {
	margin-bottom: 60px;
	font-size: 35px;
	}
	.kidsspaceSCT .block1 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin-bottom: 60px;
	}
	.kidsspaceSCT .block1 figure {
	flex: 1;
	}
	.kidsspaceSCT .block1 figure figcaption img {
	width: auto;
	height: 34px;
	}
	.kidsspaceSCT .block1 .icon {
	margin: 0;
	width: 400px;
	height: auto;
	}
	.kidsspaceSCT .block2 {
	margin: 0 auto 60px auto; 
	width: 100%;
	max-width: 1040px;
	text-align: center;
	}
	.kidsspaceSCT .block2 h3 {
	margin-bottom: 10px;
	font-size: 24px;
	text-decoration: underline;
	}
	.kidsspaceSCT .block2 p {
	font-size: 18px;
	}
	.kidsspaceSCT .set {
	display: flex;
	gap: 40px;
	margin-bottom: 60px; 
	}
	.kidsspaceSCT .block3 {
	flex: 1;
	display: flex;
	gap: 20px;
	margin-bottom: 0; 
	}
	.kidsspaceSCT .block3 .image {
	width: 300px;
	}
	.kidsspaceSCT .block3 .pack {
	margin-top: -8px;
	flex: 1;
	}
	.kidsspaceSCT .block3 h3 {
	font-size: 24px;
	color: #db6c60;
	}
	.kidsspaceSCT .block3 p {
	font-size: 18px;
	}
	.kidsspaceSCT .block4 {
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 0; 
	}
	.kidsspaceSCT .block4 .image {
	width: 300px;
	}
	.kidsspaceSCT .block4 .pack {
	margin-top: -8px;
	flex: 1;
	}
	.kidsspaceSCT .block4 h3 {
	font-size: 24px;
	color: #db6c60;
	}
	.kidsspaceSCT .block4 p {
	font-size: 18px;
	}
	.kidsspaceSCT .button {}
	.kidsspaceSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.kidsspaceSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.kidsspaceSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.kidsspaceSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
	.kidsspaceSCT .button a::before {
	transition: opacity .7s ease;
	}
	.kidsspaceSCT .button a:hover::before {
	opacity: 0;
	}
	.kidsspaceSCT .note {
	margin-top: 10px;
	font-size: 14px;
	}
}


.precautionsSCT {
background-color: #eef2f5;
}
.precautionsSCT .cont {
margin: 0 auto;
padding: 0 0 14.667vw 0;
width: 85.333%;
}
.precautionsSCT h3 {
transition: margin 0.3s ease-in-out;
position: relative;
font-size: 5.333vw;
border-bottom: solid 2px #000000;
margin-bottom: 0;
padding: 1.6vw 8vw;
cursor: pointer;
}
.precautionsSCT h3.active {
margin-bottom: 6.667vw;
}
.precautionsSCT h3::after {
content: '';
transition: transform 0.3s ease-in-out;
transform: translateY(-50%) rotate(45deg);
position: absolute;
right: 10.667vw;
top: 50%;
box-sizing: border-box;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
.precautionsSCT h3.active::after {
content: '';
transform: translateY(-50%) rotate(-135deg);
}
.precautionsSCT .list {
display: flex;
flex-direction: column;
gap: 9.333vw;
}
.precautionsSCT h4 {
background-color: #4c4948;
margin-bottom: 3.467vw;
padding: 0 2.667vw;
font-size: 4.267vw;
color: #fff;
}
.precautionsSCT p {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
}
.precautionsSCT ul,
.precautionsSCT ol {
display: flex;
flex-direction: column;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
gap: 7.467vw;
}
.precautionsSCT .list {
transition: max-height 0.3s ease-in-out ,padding 0.3s ease-in-out;
max-height: 0;
padding: 0;
overflow: hidden;
}
@media (min-width: 768px) {
	.precautionsSCT .cont {
	box-sizing: border-box;
	padding: 60px 40px 60px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.precautionsSCT h3 {
	transition: margin 0.3s ease-in-out;
	position: relative;
	font-size: 24px;
	border-bottom: solid 2px #000000;
	margin-bottom: 0;
	padding: 6px 0;
	}
	.precautionsSCT h3.active {
	margin-bottom: 25px;
	}
	.precautionsSCT h3::after {
	right: 5px;
	width: 15px;
	height: 15px;
	}
	.precautionsSCT .list {
	display: flex;
	flex-direction: column;
	gap: 35px;
	}
	.precautionsSCT h4 {
	margin-bottom: 13px;
	padding: 5px 10px;
	font-size: 20px;
	}
	.precautionsSCT p {
	font-size: 16px;
	}
	.precautionsSCT ul,
	.precautionsSCT ol {
	font-size: 16px;
	gap: 28px;
	}
}

.d_contentsSCT {
position: relative;
background-color: #edf1f4;
}
.d_contentsSCT .cont {
padding: 4.8vw 0 21.333vw 0;
}
.d_contentsSCT::before {
content: '';
position: absolute;
right: 0;
top: 0;
background: url("../img/sp/contents/bg1.svg") no-repeat center top;
background-size: 100% auto;
width: 40vw;
height: 40vw;
}
.d_contentsSCT .lead {
margin-bottom: 10.667vw;
font-size: 4.8vw;
text-align: center;
}
.d_contentsSCT .categorylist {
position: relative;
display: flex;
flex-direction: column;
gap: 26.667vw;
}
.d_contentsSCT .category {
position: relative;
}
.d_contentsSCT .category:nth-of-type(2)::before {
content: '';
position: absolute;
left: 0;
top: -24vw;
background: url("../img/sp/contents/bg2.svg") no-repeat center top;
background-size: 100% auto;
width: 79.2vw;
height: 79.2vw;
}
.d_contentsSCT .category:nth-of-type(3)::before {
content: '';
position: absolute;
right: 0;
top: -21.333vw;
background: url("../img/sp/contents/bg3.svg") no-repeat center top;
background-size: 100% auto;
width: 92.533vw;
height: 92.533vw;
}
.d_contentsSCT .main {
margin: 0 auto 8vw auto;
width: 85.333%;
}
.d_contentsSCT .main figure {
display: flex;
flex-wrap: wrap;
gap: 1.867vw;
position: relative;
}
.d_contentsSCT .main figure picture {
flex: 1;
}
.d_contentsSCT .main figure picture:first-child {
flex: initial;
width: 100%;
}
.d_contentsSCT .main figure figcaption {
transform: translateY(-50%);
position: absolute;
left: 0;
top: 0;
}
.d_contentsSCT .main figure figcaption img {
width: auto;
height: 9.867vw;
}
.d_contentsSCT .main p {
margin-top: 2.667vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 4.267vw;
line-height: 1.62;
letter-spacing: 0.1em;
}
.d_contentsSCT .sub {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8vw 5.333vw;
margin: 0 auto 8vw auto;
width: 85.333%;
}
.d_contentsSCT .sub figure {
position: relative;
}
.d_contentsSCT .sub figure figcaption {
box-sizing: border-box;
transform: translate(-50%,50%);
position: absolute;
left: 50%;
bottom: 0;
background-color: #e7a358;
border-radius: 26666.4vw;
min-width: 33.333vw;
padding: 0 2.667vw;
font-size: 3.733vw;
letter-spacing: 0;
white-space: nowrap;
line-height: 8vw;
text-align: center;
color: #fff;
}
.d_contentsSCT .category:nth-of-type(2) .sub figure figcaption {
background-color: #7ab9e5;
}
.d_contentsSCT .sub p {
margin-top: 4.8vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
line-height: 1.62;
letter-spacing: 0.1em;
}
.d_contentsSCT .sub2 {
display: flex;
flex-direction: column;
align-items: center;
gap: 2.667vw 5.333vw;
margin: 0 auto 8vw auto;
width: 85.333%;
}
.d_contentsSCT .sub2 figure {
display: flex;
flex-direction: row;
gap: 5.333vw;
}
.d_contentsSCT .sub2 h4 {
box-sizing: border-box;
background-color: #f1afcb;
border-radius: 26666.4vw;
min-width: 33.333vw;
margin: 0 auto 1.6vw auto;
padding: 1.6vw 2.667vw;
font-size: 3.733vw;
line-height: 1.2;
letter-spacing: 0;
white-space: nowrap;
text-align: center;
color: #fff;
}
.d_contentsSCT .sub2 p {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
line-height: 1.62;
letter-spacing: 0.1em;
}
.d_contentsSCT .button {
margin: 0 auto 0 auto;
width: 85.333%;
}
.d_contentsSCT .button a {
display: flex;
justify-content: center;
align-items: center;
gap: 2.667vw;
position: relative;
height: 14.667vw;
font-size: 4.933vw;
text-decoration: none;
z-index: 1;
}
.d_contentsSCT .button a::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
background-image: linear-gradient(90deg, #e69488, #e99b8e, #e38fb3, #a7a2cb, #6ca6b2, #1aa392);
width: 100%;
height: 100%;
opacity: 0.7;
z-index: -1;
}
.d_contentsSCT .button a::after {
content: '';
transform: translateY(0px) rotate(45deg);
box-sizing: border-box;
border-top: solid 1px #000;
border-right: solid 1px #000;
width: 3.2vw;
height: 3.2vw;
}
@media (min-width: 768px) {
	.d_contentsSCT .cont {
	box-sizing: border-box;
	padding: 60px 0 60px 0;
	width: 100%;
	}
	.d_contentsSCT::before {
	width: 300px;
	height: 300px;
	}
	.d_contentsSCT .lead {
	margin-bottom: 45px;
	font-size: 35px;
	}
	.d_contentsSCT .categorylist {
	gap: 100px;
	}
	.d_contentsSCT .category:nth-of-type(2)::before {
	top: -100px;
	width: 594px;
	height: 594px;
	}
	.d_contentsSCT .category:nth-of-type(3)::before {
	width: 683px;
	height: 683px;
	}
	.d_contentsSCT .main {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	margin: 0 auto 60px auto;
	padding: 0 40px;
	width: 100%;
	max-width: 1200px;
	}
	.d_contentsSCT .main figure figcaption img {
	height: 34px;
	}
	.d_contentsSCT .main p {
	margin-top: 0;
	font-size: 18px;
	text-align: center;
	}
	.d_contentsSCT .sub {
	box-sizing: border-box;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: space-between;
	gap: 60px 40px;
	margin: 0 auto 60px auto;
	padding: 0 40px;
	width: 100%;
	max-width: 1200px;
	}
	.d_contentsSCT .sub .block {
	width: 300px;
	}
	.d_contentsSCT .sub figure figcaption {
	border-radius: 99999px;
	padding: 0 18px;
	font-size: 22px;
	line-height: 34px;
	min-width: 250px;
	}
	.d_contentsSCT .sub p {
	margin-top: 30px;
	font-size: 17px;
	line-height: 1.48;
	text-align: center;
	}
	.d_contentsSCT .sub2 {
	box-sizing: border-box;
	gap: 40px 40px;
	margin: 0 auto 60px auto;
	padding: 0 40px;
	width: 100%;
	max-width: 1200px;
	}
	.d_contentsSCT .sub2 figure {
	display: flex;
	flex-direction: row;
	gap: 10px;
	}
	.d_contentsSCT .sub2 h4 {
	border-radius: 99999px;
	margin: 0 0 20px 0;
	padding: 6px 18px;
	font-size: 22px;
	max-width: 250px;
	min-width: inherit;
	width: 250px;
	}
	.d_contentsSCT .sub2 p {
	font-size: 17px;
	line-height: 1.48;
	text-align: left;
	}
	.d_contentsSCT .button {}
	.d_contentsSCT .button a {
	transition: background .7s ease, color .7s ease;
	gap: 10px;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
	font-size: 24px;
	}
	.d_contentsSCT .button a:hover {
	background-color: #3e3a39;
	color: #fff;
	}
	.d_contentsSCT .button a::after {
	transition: border .7s ease, color .7s ease;
	width: 15px;
	height: 15px;
	}
	.d_contentsSCT .button a:hover::after {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	}
	.d_contentsSCT .button a::before {
	transition: opacity .7s ease;
	}
	.d_contentsSCT .button a:hover::before {
	opacity: 0;
	}
}

.d_talkSCT {
background-color: #ebeff2;
}
.d_talkSCT .cont {
margin: 0 auto;
padding: 4.8vw 0 21.333vw 0;
width: 85.333%;
}
.d_talkSCT .lead {
margin-bottom: 40px;
font-size: 4.8vw;
text-align: center;
}
.d_talkSCT .guest {
display: flex;
flex-direction: column;
gap: 14.667vw;
margin-bottom: 16vw;
}
.d_talkSCT .guest figure {
position: relative;
margin: 0 auto;
width: 55.2vw;
}
.d_talkSCT .guest figure .date {
transform: translateY(-50%);
position: absolute;
top: 0;
right: 12px;
width: auto;
height: 43px;
}
.d_talkSCT .guest picture {
margin: 0 auto;
width: 55.2vw;
}
.d_talkSCT .guest picture img {
border: solid 1px #bed585;
}
.d_talkSCT .guest figcaption {
transform: translate(-50%,50%);
position: absolute;
left: 50%;
bottom: 0;
background-color: #bed585;
border-radius: 26666.4vw;
padding: 0 4vw;
font-size: 6.4vw;
white-space: nowrap;
line-height: 9.6vw;
color: #fff;
}
.d_talkSCT .guest figcaption span {
font-size: 4.8vw;
}
.d_talkSCT .guest p {
display: flex;
justify-content: center;
margin-top: 7.2vw;
font-size: 5.333vw;
line-height: 1.37;
color: #7dbe6f;
}
.d_talkSCT .event {
display: flex;
flex-direction: column;
gap: 16vw;
margin-bottom: 13.333vw;
}
.d_talkSCT .event figure {
position: relative;
margin: 0 auto;
width: 66.667vw;
}
.d_talkSCT .event  figure .date {
transform: translateY(-50%);
position: absolute;
top: 0;
right: 22px;
width: auto;
height: 43px;
}
.d_talkSCT .event picture {
margin: 0 auto;
width: 66.667vw;
}
.d_talkSCT .event figcaption {
transform: translateY(50%);
position: absolute;
left: 0;
bottom: 0;
background-color: #7dbe6f;
clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
padding: 0 6.667vw 0 4vw;
font-size: 6.4vw;
white-space: nowrap;
line-height: 9.6vw;
color: #fff;
}
.d_talkSCT .event p {
display: flex;
justify-content: center;
margin-top: 27px;
font-size: 5.333vw;
line-height: 1.37;
color: #7dbe6f;
}
.d_talkSCT .host {
position: relative;
margin: 0 auto;
width: 55.2vw;
}
.d_talkSCT .host .comment {
transform: translateY(-50%);
position: absolute;
right: -9.333vw;
top: 50%;
width: 5.333vw;
height: auto;
}
.d_talkSCT .host p {
box-sizing: border-box;
position: absolute;
left: 0;
top: 0;
background-color: #bed585;
clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
padding: 2.133vw 0 0 1.067vw;
width: 20vw;
height: 20vw;
font-family: "Koburina Gothic W6 JIS2004";
font-size: 5.067vw;
color: #fff;
}
.d_talkSCT .host picture {
margin: 0 auto;
width: 55.2vw;
}
.d_talkSCT .host picture img {
border: solid 1px #bed585;
}
.d_talkSCT .host figcaption {
transform: translate(-50%,50%);
position: absolute;
left: 50%;
bottom: 0;
background-color: #bed585;
border-radius: 26666.4vw;
padding: 1.067vw 5.333vw;
font-size: 6.4vw;
text-align: center;
white-space: nowrap;
line-height: 1.2;
color: #fff;
}
.d_talkSCT .host figcaption strong {
font-size: 4vw;
}
.d_talkSCT .host figcaption span {
font-size: 4.8vw;
}
@media (min-width: 768px) {
	.d_talkSCT .cont {
	padding: 60px 0 80px 0;
	}
	.d_talkSCT .lead {
	margin-bottom: 60px;
	font-size: 35px;
	}
	.d_talkSCT .guest {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0;
	margin-bottom: 90px;
	}
	.d_talkSCT .guest .block {
	width: 376px;
	}
	.d_talkSCT .guest figure {
	width: 250px;
	}
	.d_talkSCT .guest figure .date {
	transform: translateY(-50%);
	position: absolute;
	top: 0;
	right: -32px;
	width: auto;
	height: 64px;
	}
	.d_talkSCT .guest picture {
	width: 250px;
	}
	.d_talkSCT .guest figcaption {
	border-radius: 99999px;
	padding: 0 18px;
	font-size: 22px;
	line-height: 34px;
	}
	.d_talkSCT .guest figcaption span {
	font-size: 16px;
	}
	.d_talkSCT .guest p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.48;
	text-align: center;
	}
	.d_talkSCT .event {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 35px;
	margin-bottom: 90px;
	padding: 0 40px;
	}
	.d_talkSCT .event .block {
	width: 100%;
	max-width: 350px;
	}
	.d_talkSCT .event figure {
	width: 100%;
	max-width: 350px;
	}
	.d_talkSCT .event figure .date {
	transform: translateY(-50%);
	position: absolute;
	top: 0;
	right: -32px;
	width: auto;
	height: 64px;
	}
	.d_talkSCT .event picture {
	width: 100%;
	max-width: 350px;
	}
	.d_talkSCT .event figcaption {
	padding: 0 20px 0 10px;
	font-size: 19px;
	line-height: 30px;
	}
	.d_talkSCT .event p {
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.48;
	text-align: center;
	}
	.d_talkSCT .host {
	width: 250px;
	}
	.d_talkSCT .host .comment {
	right: -34px;
	width: 20px;
	}
	.d_talkSCT .host p {
	padding: 6px 0 0 2px;
	width: 60px;
	height: 60px;
	font-size: 15px;
	color: #fff;
	}
	.d_talkSCT .host picture {
	margin: 0 auto;
	width: 250px;
	}
	.d_talkSCT .host picture img {
	border: solid 1px #7dbe6f;
	}
	.d_talkSCT .host figcaption {
	border-radius: 99999px;
	padding: 3px 18px;
	font-size: 20px;
	}
	.d_talkSCT .host figcaption strong {
	font-size: 12px;
	}
	.d_talkSCT .host figcaption span {
	font-size: 14px;
	}
}

.timetableSCT {
background-color: #ebeff2;
}
.timetableSCT .cont {
margin: 0 auto;
padding: 4.8vw 0 12vw 0;
width: 85.333%;
}
.timetableSCT .head {
margin-bottom: 6.667vw;
text-align: center;
}
.timetableSCT .head h2 {
margin-bottom: 1.867vw;
font-size: 7.467vw;
color: #7dbe6f;
}
.timetableSCT .head p {
font-size: 4.8vw;
}
.timetableSCT ul {
display: flex;
gap: 4vw;
margin-bottom: -5.333vw;
}
.timetableSCT li {
flex: 1;
}
.timetableSCT li:nth-of-type(1) {
background-color: #7ebe70;
border-radius: 2.667vw 2.667vw 0 0;
padding-bottom: 5.333vw;
}
.timetableSCT li:nth-of-type(2) {
background-color: #bed585;
border-radius: 2.667vw 2.667vw 0 0;
padding-bottom: 5.333vw;
}
.timetableSCT li a {
display: block;
padding: 6.4vw 0;
}
.timetableSCT li img {
margin: 0 auto;
width: auto;
height: 7.467vw;
}
#TBL1 {
position: relative;
background-color: #7ebe70;
border-radius: 0 2.667vw 2.667vw 2.667vw;
padding: 11.2vw 5.867vw 5.867vw 5.867vw;
z-index: 1;
}
#TBL2 {
position: relative;
background-color: #bed585;
border-radius: 2.667vw 0 2.667vw 2.667vw;
padding: 11.2vw 5.867vw 5.867vw 5.867vw;
z-index: 1;
}
.timetableSCT h3 {
margin-bottom: 4.533vw;
}
.timetableSCT h3 img {
margin: 0 auto;
width: auto;
height: 5.867vw;
}
.timetableSCT .host {
margin-bottom: 2.667vw;
}
.timetableSCT .host figure {
display: flex;
align-items: center;
gap: 2.667vw;
}
.timetableSCT .host img {
border-radius: 26666.4vw;
width: 25.6vw;
height: 25.6vw;
}
.timetableSCT .host figcaption {
flex: 1;
font-size: 3.733vw;
color: #fff;
}
.timetableSCT .host figcaption strong {
font-size: 5.333vw;
}
.timetableSCT .list {
background-color: #fff;
padding: 0 4.267vw;
}
.timetableSCT .block {
display: flex;
flex-wrap: wrap;
gap: 0 2.667vw;
border-bottom: solid 1px #bed585;
padding: 4.267vw 0;
}
.timetableSCT .block:last-child {
border-bottom: none;
}
.timetableSCT .block .date {
margin-bottom: 3.733vw;
width: 100%;
}
.timetableSCT .block .date img {
margin: 0;
width: auto;
height: 8vw;
}
.timetableSCT .block figure img {
width: auto;
height: 25.333vw;
}
.timetableSCT .block .pack {
flex: 1;
}
.timetableSCT .block h4 {
font-size: 4.533vw;
color: #7dbe6f;
letter-spacing: 0;
}
.timetableSCT .block h4 span {
font-size: 3.2vw;
}
.timetableSCT .block p {
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
}
.timetableSCT .note {
margin-top: 4.533vw;
font-family: "Koburina Gothic W3 JIS2004";
font-size: 3.733vw;
text-align: center;
}
.tab-cont {
display: none;
}
.tab-cont.active {
display: block;
}
@media (min-width: 768px) {
	.timetableSCT .cont {
	box-sizing: border-box;
	padding: 40px 40px 60px 40px;
	width: 100%;
	max-width: 1200px;
	}
	.timetableSCT .head {
	margin-bottom: 40px;
	text-align: center;
	}
	.timetableSCT .head h2 {
	margin-bottom: 20px;
	font-size: 48px;
	}
	.timetableSCT .head p {
	font-size: 35px;
	}
	.timetableSCT ul {
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: -40px;
	}
	.timetableSCT li:nth-of-type(1) {
	border-radius: 20px 20px 0 0;
	padding-bottom: 40px;
	}
	.timetableSCT li:nth-of-type(2) {
	border-radius: 20px 20px 0 0;
	padding-bottom: 40px;
	}
	.timetableSCT li a {
	padding: 20px 0;
	}
	.timetableSCT li img {
	margin: 0 auto;
	width: auto;
	height: 40px;
	}
	#TBL1 {
	border-radius: 0 20px 20px 20px;
	padding: 60px 40px 40px 40px;
	}
	#TBL2 {
	border-radius: 20px 0 20px 20px;
	padding: 60px 40px 40px 40px;
	}
	.timetableSCT h3 {
	margin-bottom: 40px;
	}
	.timetableSCT h3 img {
	height: 40px;
	}
	.timetableSCT .host {
	margin-bottom: 40px;
	}
	.timetableSCT .host figure {
	justify-content: center;
	gap: 20px;
	}
	.timetableSCT .host img {
	border-radius: 99999px;
	width: 192px;
	height: 192px;
	}
	.timetableSCT .host figcaption {
	flex: initial;
	font-size: 18px;
	color: #fff;
	}
	.timetableSCT .host figcaption strong {
	font-size: 28px;
	}
	.timetableSCT .list {
	padding: 0 40px;
	}
	.timetableSCT .block {
	gap: 0 20px;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
	}
	.timetableSCT .block .date {
	margin-bottom: 20px;
	}
	.timetableSCT .block .date img {
	height: 40px;
	}
	.timetableSCT .block figure {
	min-width: 250px;
	}
	.timetableSCT .block figure img {
	width: auto;
	height: 190px;
	}
	.timetableSCT .block .pack {
	flex: initial;
	min-width: 250px;
	}
	.timetableSCT .block h4 {
	font-size: 28px;
	}
	.timetableSCT .block h4 span {
	font-size: 16px;
	}
	.timetableSCT .block p {
	font-size: 18px;
	}
	.timetableSCT .note {
	margin-top: 20px;
	font-size: 16px;
	}
}
@media (min-width: 1080px) {
	.timetableSCT .block .date {
	margin-bottom: 0;
	width: auto;
	}
}