@charset "utf-8";
/* CSS Document */

h2 span.subtitle{
	color:#00a9ba;
	line-height:1.5rem;
	font-size:2rem;
}



.main_image{
	background-image:url("../img/notice_main_image.png");
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}

.heading{
	height:200px;
	height:300px;
	background-image:url("../../common/img/heading_back.png") ;
	background-size:cover;
	background-position:bottom;
	background-repeat:no-repeat;		
}

.heading .container{
	height:200px;
}


#notice{
	line-height:2rem;
}

h3{
	padding:0.5rem 1rem;
	background:linear-gradient(30deg,#252989,#00a8ba);
	color:white;
	font-size:1.2rem;
}

table.caution{
	border:1px solid red;
}

table.caution th,
table.caution td{
	border:1px solid red;
	border-collapse: collapse;
	font-weight:bolder;
	color:red;
}

table.caution td:first-child{
	color:white;
	background-color: red;
	width:20%;
}
table.notice{
	border:1px solid #00a8ba;
}

table.notice th{
	background-color:#b2e5ea;
}

.contact div{
	margin-bottom:1rem;
}

.contact div:nth-child(odd) span,
.contact2 div:nth-child(odd) span{
	background:linear-gradient(45deg,#252989,#00a8ba);
	color:white;
	font-size:1.2rem;
	font-weight:bold;
	display:flex;
	justify-content: center;
}

.contact div:nth-child(even){
	color:#261f7b;
	font-weight:bold;
	font-size:2.5rem;
	padding:0.5rem 3.5rem 0.5rem 0.5rem;	
	background-image:url("../img/tel_icon.png");
	background-repeat:no-repeat;

	padding-left:3.5rem;	
}


a.urls{
	color:#261f7b;
	text-decoration: none;
	font-weight:700;
}

@media screen and (min-width:768px){
	.contact{
		padding:0;
	}
}

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

.main_image{
	background-image:url("../img/notice_main_image_sp.png");
	height:120px;
}
	
	table.caution td:first-child,
	table.caution td{
		width:100%;
		display:block;
	}	
	
	table.caution td:first-child{
		text-align: center;
	}
	
	
	
}