@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 longevitySympo 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.longevitySympo { max-width: 1000px; display: table; line-height: 1.0; box-sizing: border-box; margin: 0 auto; }

.longevitySympo .date ul { display: table; font-size: 3.6rem; line-height: 1.2; font-weight: 700; margin: 60px auto 0; }
.longevitySympo .date li { display: table-cell; vertical-align: baseline; }
.longevitySympo .date li:nth-child(1) { font-size: 3.4rem; white-space: nowrap; }
.longevitySympo .date span.large { font-size: 6.0rem; color: #002eb5; }
.longevitySympo .date span.txtI { display: inline-block; text-indent: -0.5em; }
.longevitySympo .date p { display: inline; }

.longevitySympo .deadLine { margin: 50px auto 0; }
.longevitySympo .deadLine ul { display: table; font-weight: 700; line-height: 1.5; }
.longevitySympo .deadLine ul:nth-child(1) { font-size: 2.2rem; margin: 0 auto; }
.longevitySympo .deadLine ul:nth-child(1) li span.txtI { display: inline-block; text-indent: -0.5em; }
.longevitySympo .deadLine ul:nth-child(2) {
	font-size: 1.7rem;
	text-indent: -1.0em;
	padding: 0 0 0 1.0em;
	margin: 20px auto 0;
}
.longevitySympo .deadLine ul:nth-child(3) { margin: 30px auto 0; }
.longevitySympo .deadLine ul:nth-child(3) li { display: table-cell; vertical-align: middle; }
.longevitySympo .deadLine ul:nth-child(3) li:nth-child(1) { color: #e00000; font-size: 2.0rem; padding: 0 1.0em 0 0; }
.longevitySympo .deadLine ul:nth-child(3) li:nth-child(2) { width: 100px; }

.longevitySympo .applicationButton a {
	width: 100%;
	max-width: 450px;
	height: 75px; 
	display: block;
	border-radius: 10px;
	background-color: #000000;
	position: relative;
	margin: 80px auto 0;
	transition: 0.3s;
}
.longevitySympo .applicationButton a p {
	width: 100%;
	color: #ffffff;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
}
.longevitySympo .applicationButton a::before {
	content: "";
	width: 13px;
	height: 13px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto 0;
}

.longevitySympo .program { margin: 100px auto 0; }
.longevitySympo .program h4 {
	background-color: #00a758;
	color: #ffffff;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.4em 1.0em;
}

.longevitySympo .program table { width: 100%; border-bottom: solid 1px #d0d0d0; border-spacing: 0; }
.longevitySympo .program table td { line-height: 1.2; vertical-align: top; }
.longevitySympo .program table td { font-size: 1.8rem; padding: 1.0em 0 1.0em 1.0em; }
.longevitySympo .program table tr + tr td { border-top: solid 1px #d0d0d0; }

.longevitySympo .program table h5 { font-size: 1.8rem; font-weight: 700; }
.longevitySympo .program table h6 { font-size: 2.6rem; line-height: 1.3; font-weight: 700; padding: 0.3em 0 0 0; }
.longevitySympo .program table div {
	width: 120px;
	border: solid 1px #d0d0d0;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	padding: 3px;
	margin: 30px 0 0 0;
}
.longevitySympo .program table dl + div { margin: 40px 0 0 0; }

.longevitySympo .program table dl { margin: 20px 0 0 0; }
.longevitySympo .program table dl + dl { margin: 40px 0 0 0; }
.longevitySympo .program table dt,
.longevitySympo .program table dd { display: table-cell; vertical-align: top; }
.longevitySympo .program table dt { width: 120px; }
.longevitySympo .program table dd { font-size: 1.6rem; line-height: 1.5; padding: 0 0 0 2.0em; }
.longevitySympo .program table dd p.fwB { font-weight: 700; }
.longevitySympo .program table dd p.text { padding: 1em 0 0 0; }
.longevitySympo .program table dd p span { font-size: 2.4rem; }

.longevitySympo .program table + p { font-size: 1.4rem; margin: 10px auto 0; }

.longevitySympo .program p + ul {
	display: table;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
	margin: 60px auto 0;
}
.longevitySympo .program ul + ul { display: table; font-size: 1.6rem; line-height: 1.5; margin: 40px auto 0; }
.longevitySympo .program ul + ul li:nth-child(1) {
	background-color: #999999;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	padding: 5px;
}
.longevitySympo .program ul + ul li:nth-child(2) { padding: 1.0em 0 0 0; }
.longevitySympo .program ul + ul li p.fwB { font-weight: 700; }
.longevitySympo .program ul + ul li p br { display: none; }



@media screen and (min-width: 821px) {
	.longevitySympo .applicationButton a:hover { background-color: #002eb5; }
}

@media screen and (max-width: 767px) {
	.longevitySympo .date ul { font-size: 2.4rem; margin: 20px auto 0; }
	.longevitySympo .date li:nth-child(1) { font-size: 2.2rem; }
	.longevitySympo .date span.large { font-size: 3.8rem; }
	.longevitySympo .date p { display: block; }
	
	.longevitySympo .deadLine { margin: 30px auto 0; }
	.longevitySympo .deadLine ul:nth-child(1) { font-size: 1.8rem; }
	.longevitySympo .deadLine ul:nth-child(2) { font-size: 1.4rem; }
	.longevitySympo .deadLine ul:nth-child(3) { margin: 20px auto 0; }
	.longevitySympo .deadLine ul:nth-child(3) li:nth-child(1) { font-size: 1.6rem; }
	.longevitySympo .deadLine ul:nth-child(3) li:nth-child(2) { width: 80px; }
	
	.longevitySympo .applicationButton a { height: 46px; margin: 50px auto 0; }
	.longevitySympo .applicationButton a p { font-size: 1.8rem; }
	.longevitySympo .applicationButton a::before { width: 11px; height: 11px; }
	
	.longevitySympo .program { margin: 60px auto 0; }
	.longevitySympo .program h4 { font-size: 1.6rem; text-align: center; }
	
	.longevitySympo .program table td { font-size: 1.6rem; padding: 1.0em 0; }
	
	.longevitySympo .program table h5 { font-size: 1.6rem; }
	.longevitySympo .program table h6 { font-size: 1.8rem; padding: 1.0em 0 0 0; }
	.longevitySympo .program table div { width: 100%; font-size: 1.4rem; }
	.longevitySympo .program table dl + div { margin: 40px 0 0 0; }
	
	.longevitySympo .program table dt { width: 90px; }
	.longevitySympo .program table dd { font-size: 1.3rem; padding: 0 0 0 1.0em; }
	.longevitySympo .program table dd p span { font-size: 1.6rem; }
	.longevitySympo .program table dd p + p { padding: 0.5em 0 0 0; }
	.longevitySympo .program table + p { font-size: 1.2rem; }
	
	.longevitySympo .program p + ul { font-size: 1.6rem; margin: 60px auto 0; }
	.longevitySympo .program ul + ul { font-size: 1.4rem;  margin: 20px auto 0; }
	.longevitySympo .program ul + ul li p:nth-child(1) { font-size: 1.6rem; text-align: center; }
	.longevitySympo .program ul + ul li p + p { padding: 0.5em 0 0 0; }
	.longevitySympo .program ul + ul li p br { display: block; }
}


