/* #title */
#title { clear: both; padding: 20px 0 0; text-align: center; border-top: solid 5px #1E3D96; }
#title h2 { color: #1E3D96; font-size: 24px; font-weight: 900; line-height: 40px; }
#title figure { margin: 20px 0 0; }

#title p { font-size: 20px; text-align: center; }
#title p.btn a { position: relative; width: 600px; font-size: 36px; font-weight: 600; text-align: center; line-height: 50px; display: block; background: #EB6D9D; color: #FFF; border-radius: 20px; margin: 40px auto; padding: 15px 0; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#title p.btn a small { display: block; font-size: 24px; line-height: 40px; }
#title p.btn a i { position: absolute; top: 36px; right: 20px; font-size: 48px; }

@media only screen and (max-width:768px) {
	#title { padding: 20px 0 0; }
	#title h2 { font-size: 16px; line-height: 1.75em; padding: 0 2%; }

	#title p { font-size: 14px; text-align: left; }
	#title p.btn a { width: 320px; font-size: 24px; line-height: 30px; border-radius: 10px; margin: 40px auto 0; }
	#title p.btn a small { font-size: 16px; line-height: 20px; }
	#title p.btn a i { font-size: 24px; top: 28px; }
}



/* #result */
#result { padding: 80px 0; }
#result h3 { border-bottom: solid 5px #EB6D9D; font-size: 36px; font-weight: 900; line-height: 60px; padding: 0 0 4px; position: relative ; }
#result h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#result h4 { font-size: 32px; font-weight: 600; line-height: 50px; padding: 0; color: #d52525; margin: 40px 0 0; text-align: center; }

#result section { display: flex; justify-content: space-between; margin: 40px 0 0; }
#result section div { width: 560px; border-radius: 20px; border: solid 4px #1E3D96; }
#result section h5 { background: #1E3D96; color: #FFF; text-align: center; font-size: 24px; font-weight: 900; line-height: 60px; padding: 0; position: relative; border-radius: 10px 10px 0 0; }

#result section ul { padding: 20px; }
#result section li { font-size: 20px; line-height: 40px; border-bottom: dotted 1px #333; }
#result section li b { color: #e74b87; }
#result section p { font-size: 24px; line-height: 50px; padding: 20px; }
#result section p span { white-space: nowrap; }

@media only screen and (max-width:768px) {
	#result { padding: 40px 20px; }
	#result .wrap { }
	#result h3 { font-size: 20px; line-height: 30px; }
	#result h4 { font-size: 18px; line-height: 30px; margin: 20px 0 0; text-align: left; }

	#result section { display: block; margin: 0; }
	#result section div { width: 100%; border-radius: 10px; margin: 20px 0 0; }
	#result section h5 { font-size: 20px; line-height: 40px; border-radius: 5px 5px 0 0; }


	#result section ul { display: block; margin: 0; padding: 10px; }
	#result section li { font-size: 16px; line-height: 30px; }
	#result section p { font-size: 16px; line-height: 30px; padding: 10px; }
	#result section p span { white-space: normal; }
}

/* #worry */
#worry { clear: both; padding: 80px 0; background: #e9e9e9; }
#worry h3 { font-size: 40px; font-weight: 900; line-height: 60px; padding: 0 0 4px; position: relative; text-align: center; }
#worry h3 b { color: #7d7d7d; font-size: 60px; }
#worry h4 { font-size: 32px; font-weight: 600; line-height: 40px; padding: 0; color: #eb6d9d; margin: 40px 0 0; text-align: center; }

#worry ul { display: flex; justify-content: space-between; margin: 40px 0 0; }
#worry li { width: 360px; background: #FFF; border-radius: 20px; }
#worry li p { font-size: 24px; line-height: 40px; padding: 20px; }
#worry li p b { color: #7d7d7d; }

@media only screen and (max-width:768px) {
	#worry { padding: 40px 20px; }
	#worry .wrap { }
	#worry h3 { font-size: 20px; line-height: 30px; }
	#worry h3 b { font-size: 32px; }
	#worry h4 { font-size: 18px; line-height: 30px; margin: 20px 0 0; text-align: left; }

	#worry ul { display: block; margin: 0; }
	#worry li { width: 100%; border-radius: 10px; margin: 20px 0 0; }
	#worry li p { font-size: 18px; line-height: 30px; padding: 10px; }
}

/* #for */
#for { padding: 80px 0; }
#for h3 { border-bottom: solid 5px #EB6D9D; font-size: 36px; font-weight: 900; line-height: 60px; padding: 0 0 4px; position: relative ; }
#for h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }

#for ul { display: flex; justify-content: space-between; margin: 40px 0 0; }
#for li { width: 560px; border-radius: 20px; border: solid 4px #1E3D96; padding: 20px; box-sizing: border-box; }

#for li h4 { font-size: 24px; font-weight: 900; line-height: 40px; color: #1E3D96; margin: 0 0 20px; }
#for li p { font-size: 20px; line-height: 35px; }
#for li p b { background:linear-gradient(transparent 80%, #fddc00 80%); }

@media only screen and (max-width:768px) {
	#for { padding: 40px 20px; }
	#for .wrap { }
	#for h3 { font-size: 20px; line-height: 30px; }

	#for ul { display: block; margin: 0; }
	#for li { width: 100%; border-radius: 10px; margin: 20px 0 0; padding: 10px; }

	#for li h4 { font-size: 20px; line-height: 30px; margin: 0 0 10px; }
	#for li p { font-size: 16px; line-height: 1.75em; }
	#for li p b { }
}

/* #course */
#course { padding: 80px 0; background: #F6F6F7; }
#course .wrap { }
#course h3 { border-bottom: solid 5px #EB6D9D; font-size: 40px; font-weight: 900; line-height: 80px; padding: 0 0 4px; position: relative ; }
#course h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#course h4 { font-size: 32px; line-height: 50px; font-weight: 600; padding: 0; color: #1E3D96; margin: 80px 0 0; text-align: center; }

#course section { display: flex; justify-content: space-between; margin: 40px 0 0; }
#course section div { width: 100%; margin: 0 auto; }

#course section h5 { font-size: 24px; font-weight: 600; line-height: 60px; text-align: center; color: #FFF; background: #1E3D96; margin: 40px 0 0; padding: 0; }
#course section ul { display: block; border: solid 1px #EDEDED; padding: 10px 0; background: #FFF; }
#course section li { font-size: 32px; font-weight: 900; line-height: 40px; text-align: center; color: #333; }
#course section li b { color: #1E3D96; }

#course table { width: 1080px; margin: 40px auto 0; }
#course table th { width: 300px; font-size: 24px; font-weight: 600; line-height: 40px; text-align: center; color: #FFF; background: #1E3D96; border: solid 1px #EDEDED; padding: 10px; white-space: nowrap; }
#course table td { font-size: 20px; font-weight: 600; line-height: 35px; text-align: left; background: #FFF; border: solid 1px #EDEDED; padding: 10px 20px; }
#course table td p { font-size: 20px; font-weight: 600; line-height: 35px; text-align: center; }
#course table td b { font-size: 24px; line-height: 40px; color: #1E3D96; }
@media only screen and (max-width:768px) {
	#course { padding: 40px 20px; }
	#course .wrap { }
	#course h3 { font-size: 20px; line-height: 30px; }
	#course h4 { font-size: 18px; line-height: 30px; margin: 20px 0 0; }

	#course section { display: block; margin: 0; }
	#course section div { }

	#course section h5 { font-size: 20px; line-height: 40px; margin: 20px 0 0; }
	#course section ul { }
	#course section li { font-size: 18px; line-height: 30px; }
	#course section li b { color: #1E3D96; }

	#course table { width: 100%; margin: 20px 0 0; }
	#course table th { width: 80px; font-size: 16px; line-height: 1.75em; }
	#course table td { font-size: 16px; line-height: 1.75em; padding: 10px; }
	#course table td b { font-size: 16px; line-height: 1.75em; }
}
@media only screen and (max-width:430px) {
	#course table td span { display: inline-block; float: right; }
	#course table td br { clear: both; }
}


/* #interview */
#interview { clear: both; padding: 80px 0; background: #E5F4FB; }
#interview .wrap { }
#interview h3 { border-bottom: solid 5px #EB6D9D; font-size: 40px; font-weight: 900; line-height: 80px; padding: 0 0 4px; position: relative ;}
#interview h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9;  }
#interview ul { display: flex; justify-content: space-between; margin: 40px 0 0; flex-wrap: wrap; }
#interview li { width: 560px; display: flex; justify-content: space-between; background: #FFF; border-radius: 20px; margin: 0 0 40px; padding: 20px; box-sizing: border-box; }
#interview li a { width: 100%; display: flex; justify-content: space-between; color: #000; }
#interview li a figure { width: 120px; margin: 0; }
#interview li a div { width: 100%;  }
#interview li a h4 { font-size: 20px; font-weight: 900; line-height: 35px; color: #0096D9; }
#interview li a p { font-size: 16px; font-weight: 600; line-height: 30px; }
#interview li a time { font-size: 14px; line-height: 25px; background: #EB6D9D; border-radius: 4px; color: #FFF; display: inline-block; padding: 0 10px; }
@media only screen and (max-width:768px) {
	#interview { clear: both; padding: 40px 20px; }
	#interview .wrap { }
	#interview h3 { font-size: 24px; line-height: 40px; }

	#interview ul { display: block; margin: 40px 0 0; }
	#interview li { width: 100%; border-radius: 10px; margin: 0 0 20px; padding: 10px; }
	#interview li a { }
	#interview li a figure { width: 80px; margin: 0; }
	#interview li a div { width: 100%; }
	#interview li a h4 { font-size: 16px; line-height: 25px; }
	#interview li a p { font-size: 14px; line-height: 25px; }

}

/* #plan */
#plan { padding: 80px 0; }
#plan h3 { border-bottom: solid 5px #EB6D9D; font-size: 40px; font-weight: 900; line-height: 80px; padding: 0 0 4px; position: relative ; }
#plan h3:after { content: ""; position: absolute; bottom: -5px;  left: 0; width: 40px; border-bottom: solid 5px #0096D9; }

#plan dl { margin: 40px 0 0; }
#plan dt { position: relative; cursor: pointer; transition: .3s; padding: 20px; border-bottom: solid 1px #E6E6E6; background: #1E3D96; color: #FFF; }
#plan dt:hover { opacity: 0.6; }
#plan dt p { text-indent: -1.2em; margin-left: 1.2em; font-size: 16px; font-weight: bold; line-height: 1.75em; text-align: left; }
#plan dt i { position: absolute; right: 0; top: 50%; margin-top: -8px; }
#plan dd { position: relative; display: none; border: solid 1px #E6E6E6; }
#plan dd p { font-size: 20px; font-weight: 600; line-height: 40px; padding: 20px; text-align: left; text-indent: -1.2em; margin-left: 1.2em; }

#plan figure { margin: 20px 0 0; }

#plan p { font-size: 20px; text-align: center; }
#plan p.btn a { position: relative; width: 600px; font-size: 36px; font-weight: 600; text-align: center; line-height: 50px; display: block; background: #EB6D9D; color: #FFF; border-radius: 20px; margin: 40px auto; padding: 15px 0;  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#plan p.btn a small { display: block; font-size: 24px; line-height: 40px; }
#plan p.btn a i { position: absolute; top: 36px; right: 20px; font-size: 48px; }

#plan h4 { font-size: 32px; line-height: 50px; font-weight: 600; padding: 0; color: #1E3D96; margin: 80px 0 0; text-align: center; }

@media only screen and (max-width:768px) {
	#plan { padding: 40px 20px; }
	#plan .wrap { }
	#plan h3 { font-size: 20px; line-height: 30px; }

	#plan dl { margin: 20px 0 0; }
	#plan dt { padding: 10px 20px 10px 10px; }
	#plan dt p { font-size: 16px; line-height: 1.75em; }
	#plan dd { position: relative; display: none; border: solid 1px #E6E6E6; }
	#plan dd p { font-size: 16px; line-height: 30px; padding: 10px; }

	#plan h4 { font-size: 18px; line-height: 30px; margin: 20px 0 0; text-align: left; }

	#plan p { font-size: 14px; text-align: left; }
	#plan p.btn a { width: 320px; font-size: 24px; line-height: 30px; border-radius: 10px; margin: 40px auto; }
	#plan p.btn a small { font-size: 16px; line-height: 20px; }
	#plan p.btn a i { font-size: 24px; top: 28px; }
}