@charset "utf-8";



/* CSS Document */
main{
	background: #FFF;
	padding: 1.5em 0 2em;
}
.bx-controls-direction{display: none}


@media print,screen and (min-width:769px){

	main section:first-child,
	main section:last-child{
		margin: auto;
		text-align: center;
		max-width: 1050px;
		width: 90%;
	}

	main section:first-child h2{font-size: 250%}
	main section:first-child h3{font-size: 150%}
	main section:first-child p{
		font-size: small;
		text-align: right;
	}

	main section:nth-child(3) p:first-child{
		font-size: larger;
		font-weight: 900;
		padding-top: 1em;
	}

}
@media screen and (max-width:768px){

	main section:first-child,
	main section:last-child{
		padding: 0 1em;
		text-align: center;
		width: 100%;
	}
	main section:first-child p{
		font-size: small;
		text-align: right;
	}

	main section p big{
		font-size: 260%;
		font-weight: 900;
		padding-right: .25em;
	}
	main section .cntlink p.notice big{
		display: block;
		font-size: 150%;
		padding: initial;
		text-align: center;
	}

}



main section:nth-child(2){background: url(../../img/bg_main.jpg) center center no-repeat}
main section:nth-child(2) .bx-wrapper {margin: auto}
@media print,screen and (min-width:769px){

	main section:nth-child(2){padding: 94px 0}
	main section:nth-child(2) .bx-wrapper {
		height: 282px;
		width: 685px;
	}

}
@media screen and (max-width:768px){

	main section:nth-child(2) .bx-wrapper {
		height: auto;
		margin: 0em 0;
		width: 100%;
	}

}

main section:nth-child(2) .bx-wrapper .bx-pager.bx-default-pager {display: none}



main section:last-child{padding-top: .5em}
@media print,screen and (min-width:769px){main section:last-child p.bold{font-size: 138%}}

.cntlink{padding: 1em 0}
.cntlink .notice{
	color: #FC0005;
	font-weight: 700;
}
@media print,screen and (min-width:769px){

	.cntlink{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.cntlink .notice{
		font-size: 140%!important;
		padding-right: 1em;
	}

	.cntlink a {width: 295px}

}
@media screen and (max-width:768px){

	.cntlink .notice{padding-top: 1.25em}
	.cntlink a {
		display: block;
		margin: auto;
		width: 50%;
	}

}
.cntlink a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	text-decoration: none;
}
@media screen and (max-width:411px){.cntlink a {width: 70%}}



.topInfoSp__btn {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-top: 1em;
}
.topInfoSp__btn a {
	align-items: center;
	background-color: #FF4E4E;
	border-radius: 25em;
	color: #FFF;
	display: flex;
	font-weight: 700;
	justify-content: center;
	position: relative;
}
	.topInfoSp__btn a::after {
		content: '\f054';
		font: 900 100% "Font Awesome 5 Free";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
@media print,screen and (min-width:769px){

	.topInfoSp__btn a {
		font-size: large;
		line-height: 1.2;
		padding: .75em;
		width: 30em;
	}
	.topInfoSp__btn a::after {right: 1.5em}

}
@media screen and (max-width:768px){

	.topInfoSp__btn a {
		font-size: smaller;
		line-height: 1.2;
		padding: .5em 0 .25em;
		width: 100%;
	}
	.topInfoSp__btn a::after {right: .75em}

}



/* 緊急告知BOX */
.attentionBox{
	border: 5px solid #E00;
	font-size: 1.6rem;
	margin: 1.75em auto;
	padding: .5em 1em;
	text-align: left;
}
.attentionBox strong{
	color: red;
	display: block;
	font-weight: 900;
	text-align: center;
}
@media print,screen and (min-width:768px){.attentionBox{width: 80%}}
@media screen and (max-width:767px){.attentionBox{width: 100%}}