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

/*テーブル*/
table{
	width:800px;
	margin:0 auto;
	margin-top:50px;
}
@media screen and (max-width: 769px){
	table{
		width:100%;
		margin:0;
	}
	table td{
		vertical-align:top;
	}
}

tr td:first-child{
	padding:0px 15px 0px 0px;
}

tr td.inner{
	padding:0px 15px 0px 15px;
}

tr.next_sp td{
	padding-bottom:15px;
}
@media screen and (max-width: 769px){
	tr.next_sp td{
		padding-bottom:3em;
	}
}

tr.next_sp_s td{
	padding-bottom:5px;
}

tr td table{
	width:750px;
	margin-left:35px;
}
@media screen and (max-width: 769px){
	tr td table{
		width:auto;
		margin-left:0px;
	}
}


tr td td.mark{
	padding:0px 10px 0px 0px !important;
}
tr td td{
	padding:0px 0px 0px 0px !important;
}
tr td.left_circle{
	width:1em;
	vertical-align:top;
	padding-top:2px;
}


/*必ずお読みください*/
.first_attention{
	font-size:2.5rem;
	line-height:100%;
	font-weight:bold;
	color:#FF0000;
}
@media screen and (max-width: 769px){
	.first_attention{
		display:block;
		text-align:left;
		text-indent: -1em;
		margin-left: 1em;
		line-height:1.3em;
	}
}


.push{
	font-size:1.8rem;
	line-height:1.6em;
}
.push_red{
	color:#FF0000;
}
.push_bold{
	font-weight:bold;
}

a.push_u{
	font-size:inherit;
	color:#FF0000;
	text-decoration:underline;
	font-weight:inherit;
}
span.push_u{
	color:#FF0000;
	text-decoration:underline;
}



a.btn_enter{
	display:block;
	text-align:center;
	text-decoration: none;
	width: 260px;
    padding:15px 10px;
    line-height: 1.6em;
    background-color: #360;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 50px;
}
a.btn_enter:hover{
	background-color: #56b285;
	}

.fa.icon{
	color:#360;
	padding-top:2px;
}




h2.ttl{
	margin:0 auto 30px;
	text-align:left;
	font-weight:bold;
	font-size:2.2rem;
}


#information{
	width:100%;
	margin:0 auto;
	padding:2em;
	background:#006699;
	text-align:left;
	border-radius:20px;
}
@media screen and (max-width: 769px){
	#information{
		width:400px;
		box-sizing:border-box;
		width:100%;
	}
}

#information h3.name{
	text-align:left;
	font-weight:bold;
	padding-bottom:1em;
	color:#ffffff;
}
#information span{
	display:inline-block;
	line-height:1.8em;
	color:#ffffff;
}
#information .telno_ttl , .email_ttl{ font-size:1.6rem; padding-right:1em; }
#information .telno{ font-size:2.6rem; line-height:1.3em; }
#information .weak{ font-size:1.6rem; padding-right:1em; }
#information .time{ font-size:1.6rem; }
#information .day{ font-size:1.6rem; }
#information a,
a[href^="mailto:"]{
	text-decoration: underline;
	color: #ffffff;
}
#information a span u{color:#ffffff;}

#information .except{ 
	font-size: 1.6rem;
	padding-left: 80px;
}
@media screen and (max-width: 769px){
	#information .except{ 
		font-size: 1.6rem;
		padding-left: 0px;
	}
}

.sp_none{
	visibility:visible;
}
	@media screen and (max-width: 769px){
				.sp_none{
					visibility:hidden;
				}
	}

a[href^="tel:"]{
	font-size: 2.6rem;
    line-height: 1.3em;
    cursor: default;
    text-decoration:none;
    color:#ffffff
}

a[href^="mailto:"]{
	font-size: 2.6rem;
    line-height: 1.3em;
    cursor: default;
	text-decoration:none;
	color:black;
	text-decoration : underline
}

@media screen and (max-width: 769px){
	a[href^="mailto:"]{
	  font-size: 1.3rem;
	}
}

.information_close{
	color:#010e1e;
	box-sizing:border-box;
	width: 905px;
    text-align: justify;
    margin: 0 auto 20px;
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (max-width: 769px){
	.information_close{
		color:#010e1e;
		width: 100%;
		text-align: justify;
		margin: 0 auto;
	}
}
