@charset "utf-8";

/*==========================================
header
===========================================*/
/* ---------------------------------------------
 topMainImg
---------------------------------------------*/
.topMain {
	position: relative;
}
.topMainImg {
	/*background: #F4AE1B;*/
	text-align: center;
}
.topMainImg img {
	/*max-width: 100%;*/
	width: 100%;
}


/*==========================================
main
===========================================*/
@media (min-width: 1201px) {
	.top_contactBox{
		max-width: 1230px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* ---------------------------------------------
	section
---------------------------------------------*/
.top_section_inner {
	padding-left: 15px;
	padding-right: 15px;
}
@media (max-width: 992px) {
	article > section {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}
@media (min-width: 993px) {
	article > section {
		padding-top: 5.0rem;
		padding-bottom: 5.0rem;
	}
}


/* ---------------------------------------------
	read_list
---------------------------------------------*/
.read_list {
	margin-top: 3.0rem;
	margin-bottom: 7.0rem;
}
.read_list > li {
	position: relative;
	background: #eaf5f9;
	border: solid 2px #27acd9;
	padding: 2.5% 2% 2%;
	text-align: left;
}
.read_list > li::after {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border-style: solid;
	border-width: 0 0 30px 30px;
	border-color: #fff #fff #27acd9;
}
.read_list > li h2 {
	text-align: center;
	margin-bottom: 16px;
	font-weight: 700;
	/*	color: #fff;*/
	color: #27acd9;
	line-height: 1.3;
}
.read_list > li p{
	margin-bottom: 10px;
	line-height: 1.7;
}
.read_list > li .red_text{
	color: #ff3300;
}
.read_list > li .bold900 {
	font-weight: 900;
	font-size: 125%;
}

@media (max-width: 992px) {
	.read_list {
		padding: 15px;
	}
	.read_list > li {
		margin-bottom: 30px;
	}
	.read_list > li h2 {
		font-size: 2.0rem;
	}
	.read_list > li .read_inner_list li br{
		display: none;
	}
}
@media (min-width: 993px) {
	.read_list {
		display: flex;
		flex-wrap:wrap;
		/*justify-content: space-between;*/
		justify-content: center;
	}
	.read_list > li {
		width: 27%;
	}
	.read_list > li h2 {
		font-size: 2.7rem;
	}
	.read_list > li p{
		font-size: 1.8rem;
	}
	.read_list > li .read_inner_list li {
		font-size: 1.8rem;
	}
}

.read_inner_list {
	list-style: disc;
	margin-left: 1.75rem;
}
.read_inner_list li {
	line-height: 1.5;
	margin-bottom: 10px;
}


/* speech_bubble_bottom */
/*
.speech_bubble{
	position: absolute;
	bottom: -130px;
	width: 75%;
	right: 0px;
}

@media (max-width: 992px) {
	.speech_bubble{
		bottom: -150px;
	}

	.speech_bubble_bottom{
		margin-bottom: 150px !important;
	}
}
*/

/* ---------------------------------------------
	title
---------------------------------------------*/
.titleHeader {
	border-top: 1px solid #ffb400;
	border-bottom: 1px solid #ffb400;
	text-align: center;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.titleHeader h2 {
	margin-bottom: 10px;
	color: #F4AE1B;
	font-weight: bold;
}
.titleHeader p.enText {
	font-weight: 600;
}

@media (max-width: 992px) {
	.titleHeader {
		padding-top: 2.0rem;
		padding-bottom: 1.8rem;
		margin-bottom: 2.0rem;
	}
	.titleHeader h2 {
		font-size: 1.8rem;
	}
	.titleHeader p.enText {
		font-size: 1.0rem;
	}
}
@media (min-width: 993px) {
	.titleHeader {
		padding-top: 2.2rem;
		padding-bottom:2.0rem;
		margin-bottom: 4.0rem;
	}
	.titleHeader h2 {
		font-size: 3.0rem;
	}
	.titleHeader p.enText {
		font-size: 1.4rem;
	}
}


/* ---------------------------------------------
	top-schedule
---------------------------------------------*/
.top-scheduleWrapp .readText {
	text-align: center;
	color: #939393;
	font-weight: 600;
	line-height: 1.4;
}

/* title  */
.top-scheduleWrapp .titleHeader {
/*	display: flex;
	justify-content: center;
	flex-wrap: wrap;*/
}
.top-scheduleWrapp .titleHeader .titleHeaderInner {
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.top-scheduleWrapp .titleHeader .titleHeaderInner .balloon{
	position: absolute;
	left:-120px;
}
.top-scheduleWrapp .titleHeader .titleHeaderInner .balloon-right {
	background: #939393;
	border-radius: 5px;
	color: #fff;
	position: relative;
	display: inline-block;
	font-weight: 600;
	line-height: 1.2;
	margin-right: 20px;
}
.top-scheduleWrapp .titleHeader .balloon-right::after {
	border-top: solid 7px transparent;
	border-bottom: solid 7px transparent;
	border-left: solid 10px #939393;
	right: -10px;
	content:"";
	display:block;
	height:0;
	top:50%;
	margin-top:-7px;
	position: absolute;
	width:0;
}
.top-scheduleWrapp .titleHeader .titleBox {
/*	display: inline-block;*/
}
@media (max-width: 992px) {
	.top-scheduleWrapp .titleHeader .titleHeaderInner .balloon{
		position: absolute;
		left:-80px;
	}
	.top-scheduleWrapp .titleHeader .balloon-right {
		padding: 5px;
		font-size: 1.1rem;
	}
}
@media (min-width: 993px) {
	.top-scheduleWrapp .titleHeader .titleHeaderInner .balloon{
		position: absolute;
		left:-120px;
	}
	.top-scheduleWrapp .titleHeader .balloon-right {
		padding: 10px;
	}
}

/* .top-scheduleList  */
.top-scheduleList {
	text-align: center;
	display: flex;
	/*align-items: stretch!important;*/
	flex-wrap : wrap;
}
.top-scheduleList li {
	display: flex;
	width: 100%;
	background-color: #F4AE1B;
	color: #fff;
	position: relative;
}

/* summer */
.top-scheduleList li.summer {
	background-color: #002D64;
}
.top-scheduleList li.summer .more{
 color: #002D64;
}

/*
.top-scheduleList li:last-child {
	margin-bottom:0px;
}
*/
.top-scheduleList li a {
	color: #fff;
	width:100%;
	}
.top-scheduleList li a:hover {
	opacity: 0.6;
}
.top-scheduleList .scheduleBox {
	flex-grow: 1;
	width: 100%;
}

/* scheduleBox */
.top-scheduleList li p.yearText {
	line-height: 1;
	margin-bottom: 5px;
}
.top-scheduleList li p.yearText::after {
  content: "年";
	padding-left: 0.25em;
}
.top-scheduleList li p.dayText,
.top-scheduleList li p.dayText2 {
	line-height: 1;
	font-family: 'Oswald', sans-serif;
	margin-top: -5px;
	margin-bottom: 8px;
}
.top-scheduleList li p.weekText {
	line-height: 1;
	font-weight: 600;
}
.top-scheduleList li p.titleText {
	line-height: 1;
	font-weight: 600;
	margin-top: 14px;
	margin-bottom: 10px;
}
.top-scheduleList li p.timeText {
/*	line-height: 1.0;
	font-weight: 400;

	text-align: center;
	display: flex;
  justify-content: center;*/
	margin-top: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 400;
	line-height: 1.4;
}
@media (max-width: 992px) {
	.top-scheduleList li p.timeText {
	  font-size: 1.1rem;
	}
}

.top-scheduleList li p.holdText {
	background-color: #ff3300;
	padding: 4px 8px 4px;
	border-radius: 2px;
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 1.0;
	font-size: 15px;
}
@media (max-width: 992px) {
	.top-scheduleList li p.holdText {
	position: absolute;
		top: 0px;
		right: 8px;
		font-size: 12px;
	}
}
@media (min-width: 993px) {
	.top-scheduleList li p.holdText {
		position: absolute;
		top: 0px;
		right: 10px;
	}

}

/* speech_bubble_bottom */
.speech_bubble_bottom {

}

/*
.speech_bubble{
	position: absolute;
	bottom: -130px;
	width: 75%;
	right: 0px;
}

@media (max-width: 992px) {
	.speech_bubble{
		bottom: -150px;
	}

	.speech_bubble_bottom{
		margin-bottom: 150px !important;
	}
}
*/

/* btnBox */
/* 詳しくはこちら */
.top-scheduleList .more {
	background-color: #fff;
	color: #F4AE1B;
	padding: 14px 5px;
	font-weight: 600;
	border-radius: 50px;
	line-height: 1;
}
.top-scheduleList .more i {
	margin-right: 0.5em;
}

.noteText .red_text ,
.top-scheduleList .red_text {
	color: #ff0000;
}

.font-bold{
	font-weight: bold;
}

.font-bold900{
	font-weight: 900;
}

.fontsize120{
	font-size: 120%;
}

.fontsize90{
	font-size: 90%;
}

.fontsize80{
	font-size: 80%;
}

.fontsize70{
	font-size: 70%;
/*	line-height: 10.0rem;*/
}
/* 準備中*/
.top-scheduleList .preparation {
	border: 1px #fff solid;
	padding: 14px 5px;
	line-height: 1;
}

/* 受付中*/
.top-scheduleList .accepting {
	border: 1px #fff solid;
	padding: 14px 5px;
	line-height: 1;
}

/* 終了*/
.top-scheduleList .end{
	border: 1px #fff solid;
	padding: 14px 5px;
	line-height: 1;
}


@media (max-width: 992px) {
	.top-scheduleWrapp .readText {
		font-size: 1.6rem;
		margin-bottom: 2.0rem;
	}
	.top-scheduleList {
		/*margin-left: -1.65%;
		margin-right: -1.65%;*/
		margin-bottom: 3.0rem;
		justify-content: space-between;
	}
	.top-scheduleList li {
		/*width: calc(50% - 30px - 3.3%);*/
		padding: 15px 15px 15px;
	/*width: 46%;*/
		/*padding: 15px 5px 15px;*/
		/*margin-left: 1.65%;
		margin-right: 1.65%;*/
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.0rem;
	}

	.top-scheduleList li p.yearText {
		font-size: 1.4rem;
	}
	.top-scheduleList li p.dayText {
		font-size: 5.0rem;
	}
	.top-scheduleList li p.dayText2 {
		font-size: 5.0rem;
	}
	.top-scheduleList li p.dayText2 span {
		font-size: 1.4rem;
	}
	.top-scheduleList li p.dayText2 em {
		font-style: normal;
		font-size: 5.0rem;
	}
	.top-scheduleList li p.weekText {
		font-size: 1.4rem;
	}
	.top-scheduleList li p.titleText {
		font-size: 1.4rem;
	}

	/* btnBox */
	/* 詳しくはこちら */
	.top-scheduleList .more {
		font-size: 83%;
	}
	/* 準備中*/
	.top-scheduleList .preparation {
		font-size: 83%;
	}
	/* 受付中*/
	.top-scheduleList .accepting {
		font-size: 83%;
	}
	/* 終了*/
	.top-scheduleList .end{
		font-size: 83%;
	}
}

.top-scheduleWrapp .noteText{
	text-align: left;
	line-height: 1.6;
	padding: 0 16px;
	margin-bottom: 4rem;
}

@media (min-width: 993px) {
	.top-scheduleWrapp .readText {
		font-size: 3.5rem;
		margin-bottom: 4.0rem;
	}
	.top-scheduleInner {
	/*	max-width: 1200px;
		margin-left: auto;
		margin-right: auto;*/
	}
	.top-scheduleList {
		margin-left: -1.65%;
		margin-right: -1.65%;
		margin-bottom: 3.0rem;
	}
	.top-scheduleList li {
		width: calc(33% - 40px - 3%);
		padding: 20px 20px 20px;
		margin-left: 1.65%;
		margin-right: 1.65%;
		margin-bottom: 4.0rem;
	}

	.top-scheduleList li p.yearText {
		font-size: 2.0rem;
	}
	.top-scheduleList li p.dayText {
		font-size: 10.0rem;
	}
	.top-scheduleList li p.dayText2 {
		font-size: 7rem;
		margin-left: -15px;
    margin-right: -15px;
	}
	.top-scheduleList li p.dayText2 span {
		font-size: 1.75rem;
		margin-left:-10px;
		margin-right: 0px;
	}
	.top-scheduleList li p.dayText2 em {
		font-style: normal;
		font-size: 5.0rem;
		margin-left:-10px;
	}
	.top-scheduleList li p.weekText {
		font-size: 3.0rem;
	}
	.top-scheduleList li p.titleText {
		font-size: 2.2rem;
	}

	/* btnBox */
	/* 詳しくはこちら */
	.top-scheduleList .more {
		font-size: 112.5%;
	}
	/* 準備中*/
	.top-scheduleList .preparation {
		font-size: 112.5%;
	}
	/* 受付中*/
	.top-scheduleList .accepting {
		font-size: 112.5%;
	}
	/* 終了*/
	.top-scheduleList .end{
		font-size: 112.5%;
	}
}

/* snsBox */
.snsBox p {
	line-height: 1.7;
	text-align: center;
}
.snsList {
	text-align: center;
	margin-top: 3.0rem;
}
.snsList li {
	display: inline-block;
}
.snsList li a img{
	/*max-width: 100%;*/
}
@media (max-width: 992px) {
	.snsList li {
		margin-bottom: 15px;
		width: 100%;
	}
	.snsList li:last-child {
		margin-bottom: 0px;
	}
	.snsList li a img{
		width: 90%;
	}
}
@media (min-width: 993px) {
	.snsBox p {
		font-size: 1.8rem;
	}
	.snsList li {
		width: 43%;
	}
	.snsList li a img{
		width: 100%;
	}
}


/* ---------------------------------------------
	top-guideInner
---------------------------------------------*/
.top-guideWrapp .titleHeader {
  margin-bottom: 0.0rem;
}
/* .top-guideList  */
.top-guideList {
	text-align: center;
	display: flex;
	align-items: stretch!important;
	flex-wrap : wrap;
}
.top-guideList li {
	display: inline-block;
}
.top-guideList li:last-child {
	margin-bottom:0px;
}
.top-guideList li a {
	max-width: 100%;
	display: inline-block;
	color: #fff;
}
.top-guideList li .imgBox {
	position: relative;
	margin-bottom: 10px;
}
.top-guideList li .imgBox img {
	max-width: 100%;
}
.top-guideList li p {
	text-align: left;
	line-height: 1.6;
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 992px) {
	.top-guideWrapp {
		padding-top: 2.5rem;
	}
	.top-guideList {
		/*margin-left: -4.5%;
		margin-right: -4.5%;*/
		calc(100% - (-9.0%));
	}
	.top-guideList li {
		width: 40%;
		padding-left:4.5%;
		padding-right:4.5%;
		margin-top:3.0rem;
	}
	.top-guideList li .imgBox {
		max-width: 340px;
	}
	.top-guideList li .imgBox span {
		position:absolute;
		top:-10px;
		left:0;
	}
	.top-guideList li .imgBox span img {
		height: 70px;
	}
	.top-guideList li p {
		font-size: 1.4rem;
	}
}
@media (min-width: 993px) {
	.top-guideWrapp {
		padding-top: 8.0rem;
	}
	.top-guideInner {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.top-guideList {
		margin-left: -1.5%;
		margin-right: -1.5%;
		margin-bottom: 4.0rem;
	}
	.top-guideList li {
		width: 30%;
		padding-left:1.5%;
		padding-right:1.5%;
		margin-top:8.0rem;
	}
	.top-guideList li a {
/*		max-width: 560px;*/
		width: 100%;
	}
	.top-guideList li .imgBox span {
		position:absolute;
		top:-20px;
		left:0;
	}
	.top-guideList li p {
		font-size: 1.8rem;
	}
}



/* ---------------------------------------------
	top-busBox
---------------------------------------------*/
.top-busInner {
	max-width: 1200px;
	background: #F3F5F2;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
.top-busInner .susImg {
	margin-bottom:20px;
	text-align: center;
}
.top-busInner .susImg img {
}
.top-busInner p {
	margin-bottom:20px;
	line-height:1.8;
}

.busBtn img{
	max-width: 100%;
	margin-top: 4.0rem;
}

@media (max-width: 992px) {
	.top-busWrapp {
		padding-top: 4.0rem;
		padding-bottom: 4.0rem;
	}
	.top-busInner {
		padding: 2.0rem;
	}
	.top-busInner p {
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	.top-busInner .susImg img {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		max-width:100%;
	}
}
@media (min-width: 993px) {
	.top-busWrapp {
		padding-top: 8.0rem;
		padding-bottom: 8.0rem;
	}
	.top-busInner {
		padding: 5.0rem;
	}
	.top-busInner p {
		font-size: 1.6rem;
	}
	.top-busInner {
		display: flex;
	}
	.top-busInner .susImg {
		margin-right: 30px;
	}
}


/* ---------------------------------------------
	top-ugsBox
---------------------------------------------*/
/* ugsList  */
.ugsList {
	/*padding-top:50px;*/
	text-align: center;
}
.ugsList li {
	display: inline-block;
	margin-bottom:40px;
}
.ugsList li:last-child {
	margin-bottom:0px;
}
.ugsList li a {
	max-width: 100%;
	display: inline-block;
	color: #fff;
}
.ugsList li h3 {
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	padding:20px;
}
.ugsList li img {
	max-width: 100%;
}

.ugsList li.business a {
	background: #18bcd5;
}
.ugsList li.art a {
	background: #70b149;
}
.ugsList li.child a{
	background: #e3889a;
}

@media (max-width: 992px) {
	.ugsList li {
		width: 80%;
		margin-bottom:20px;
	}
}
@media (min-width: 993px) {
	.ugsListInner {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.ugsList {
		margin-left: -1.5%;
		margin-right: -1.5%;
	}
	.ugsList li {
		width: 30%;
		padding-left:1.5%;
		padding-right:1.5%;
		margin-bottom:40px;
	}
	.ugsList li a {
/*		max-width: 560px;*/
		width: 100%;
	}
}