/* -------------------- PC -------------------- */
/**
* common
*/

/**
* fonts
**/

/**
* animation
**/

/**
* header
*/

/**
* nav
*/

/**
* footer
*/

/* common */
.hl2-wrapper h2 { font-size: 95px; padding: 40px 0 67px; }
.hl2-wrapper h2 span { display: block; font-size: 25%; letter-spacing: 36px; margin-top: 22px; }
.hl3-wrapper h3 { font-size: 56px; margin-top: 15px; letter-spacing: 5px; color: #003451; }
.flex-table { flex-wrap: wrap; width: 100%; max-width: 930px; margin: 0 auto; }
.flex-table > div { display: flex; flex-wrap: wrap; line-height: 1.75; border-bottom: 1px dotted #999; }
.flex-table > div:nth-child(odd) { background-color: transparent; }
.flex-table > div:nth-child(even) { background-color: transparent; }
.flex-table div div { font-size: 24px; line-height: 1.75; padding: 20px; box-sizing: border-box; }
.flex-table div div:nth-child(odd) { width: 25%; text-align: left; font-weight: bold; }
.flex-table div div:nth-child(even) { width: 75%; text-align: left; }

/* content1 */
#content1 .content-inner { margin: 20px auto 40px; }
#content1 .content-inner:nth-child(1) { opacity: 1; transform: translate(0, 0); }
#content1 h4 { display: inline-block; width: 100%; font-size: 40px; color: #003451; padding: 10px 0; margin-bottom: 15px; letter-spacing: 5px; border-bottom: 2px solid #ccc; }
#content1 p, #content1 li { font-size: 20px; line-height: 1.75; margin-bottom: 15px; }
#content1 ul { margin-left: 40px; list-style-type: none; }
#content1 li { position: relative; }
#content1 li::before { content: ""; display: block; position: absolute; top: 6px; left: -40px; width: 20px; height: 20px; background-color: #003451; }

/* content4 */


/**
* scroll actions
*/


/* -------------------- SP -------------------- */
@media (max-width:1550px) {

	@media (max-width:1366px) {

		@media(max-width:1024px) {
			
			@media(max-width:768px) {

				@media (max-width:767px) {
					/* common */
					.hl2-wrapper h2 { font-size: 46px; padding: 40px 0 20px; }
					.hl2-wrapper h2 span { font-size: 50%; letter-spacing: 20px; margin-top: 10px; }
					.hl3-wrapper h3 { font-size: 24px; }

					.flex-table > div { flex-wrap: wrap; }
					.flex-table div div:nth-child(odd), .flex-table div div:nth-child(even) { width: 100%; }
					.flex-table div div:nth-child(odd) { padding-bottom: 0; font-size: 20px; }
					.flex-table div div:nth-child(even) { padding-top: 0; font-size: 16px; }

					/* header */

					/* footer */

					/* content1 */
					#content1 h4 { font-size: 18px; height: 40px; line-height: 40px; padding: 0 20px; }
					#content1 p, #content1 li { font-size: 14px; }

					/* content4 */

					@media (max-width:512px) {

						@media (max-width:456px) {

							@media (max-width:321px) {

							}
						}
					}
				}
			}
		}
	}
}