@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}

body {
	line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

address {
	font-style: normal;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

/*	common
---------------------------------*/
body {
	color: #333;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	font-size: 18px;
	word-wrap: break-word;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	line-height: 1.8;
	/*@media screen and (max-width: 1060px) {
		width: 1060px;
	}*/ }
	@media all and (-ms-high-contrast: none) {
		body {
			font-weight: 500;
			}
		}
	@media screen and (max-width: 1220px) {
		body {
			width: 1220px;
			}
		}
	@media screen and (max-width: 750px) {
		body {
			width: 100%;
			font-size: 4vw;
			}
		}

/* link */
a {
	color: #333;
	text-decoration: none;
	transition: .4s;
}

a:active, a:focus {
	outline: none;
}

a:hover {
	opacity: .5;
}

/* element */
.image {
	display: inline;
}
	@media (max-width: 750px) {
		.image {
			display: none;
			}
		}

.image_s {
	display: none;
}
	@media (max-width: 750px) {
		.image_s {
			display: inline;
			}
		}

/* adjust anchor */
.anc {
	margin-top: -0px;
	padding-top: 0px;
}

/* figure */
img {
	max-width: 100%;
	height: auto;
}

/* heading */
/* text */
p {
	/*text-align: justify;*/ }

.flex {
	-js-display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

/*	clearfix
---------------------------------*/
/* add parent object */
.cl:before, .cl:after {
	content: " ";
	display: table;
}

.cl:after {
	clear: both;
}

.cl {
	*zoom: 1;
	display: block;
}

/*	section
---------------------------------*/
#main {
	width: 100%;
}

/*	breads
---------------------------------*/
#breads a:hover {
	text-decoration: underline;
}

.news_extra .inner {
	margin: 40px auto;
	border: 10px solid #BC2929;
	padding: 40px 100px;
}

.news_extra .inner h2 {
		font-size: 32px;
		margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
	.news_extra .inner {
		margin: 20px auto;
		border: 10px solid #BC2929;
		padding: 20px 20px;
	}

	.news_extra .inner h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

/*	pagination
---------------------------------*/
/* wrap */
.pagination {
	text-align: center;
	margin: 60px 0 60px;
}
	@media (max-width: 750px) {
		.pagination {
			margin: 5vw 0 5vw;
			}
		}

/* heading */
.screen-reader-text {
	display: none;
}

/* wrap */
.nav-links {
	overflow: hidden;
}

/*	display
---------------------------------*/
.hide-panel {
	display: none;
}

.pc-block {
	display: block;
}
	@media screen and (max-width: 750px) {
		.pc-block {
			display: none;
			}
		}

.sp-block {
	display: none;
}
	@media screen and (max-width: 750px) {
		.sp-block {
			display: block;
			}
		}

.pc-inline {
	display: inline;
}
	@media screen and (max-width: 750px) {
		.pc-inline {
			display: none;
			}
		}

.sp-inline {
	display: none;
}
	@media screen and (max-width: 750px) {
		.sp-inline {
			display: inline;
			}
		}

.block_p {
	display: block;
}
	@media screen and (max-width: 750px) {
		.block_p {
			display: none;
			}
		}

.block_s {
	display: none;
}
	@media screen and (max-width: 750px) {
		.block_s {
			display: block;
			}
		}

.inline_p {
	display: inline;
}
	@media screen and (max-width: 750px) {
		.inline_p {
			display: none;
			}
		}

.inline_s, .sp {
	display: none;
}
	@media screen and (max-width: 750px) {
		.inline_s, .sp {
			display: inline;
			}
		}

.inner {
	width: 1180px;
	position: relative;
	margin: auto;
}
	@media screen and (max-width: 750px) {
		.inner {
			width: 90vw;
			}
		}

.txt-blue {
	color: #29AEBD;
}

.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1s;
}

.fadein2 {
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
}

.fadein3 {
	-moz-transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
}

.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}

#seminar1 .image_s {
	width: 100%;
}
#seminar1 h1 {
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #04447c;
	color: #fff;
	padding: 2px 20px;
}
#seminar1 .mv {
	line-height: 0;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 h1 {
			font-size: 13px;
		}
		#seminar1 .mv {
			min-width: 0;
			}
		}
	#seminar1 .mv .mvimg {
		width: 100%;
	}
#seminar1 .btn-area {
	background: #F5F5F5;
	padding: 50px 20px;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 .btn-area {
			padding: 5vw 2vw;
			min-width: 0;
			}
		}
	#seminar1 .btn-area .btn-area-inner {
		-webkit-justify-content: space-between;
		/* Safari etc. */
		-ms-justify-content: space-between;
		/* IE10        */
		justify-content: space-between;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		#seminar1 .btn-area .btn-area-inner li {
			width: 570px;
		}
			#seminar1 .btn-area .btn-area-inner li:nth-child( 2 ) {
				margin-left: 40px;
			}
			@media screen and (max-width: 750px) {
				#seminar1 .btn-area .btn-area-inner li {
					width: 100%;
					}
				}
			#seminar1 .btn-area .btn-area-inner li .btn1,
			#seminar1 .btn-area .btn-area-inner li .btn2 {
				background: #FFF;
				box-sizing: border-box;
				border-radius: 100px;
				border: 2px solid #29AEBD;
				color: #29AEBD;
				display: block;
				height: 74px;
				overflow: hidden;
				padding: 18px 0 0 0;
				text-align: center;
				transition: .4s;
				font-weight: bold;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .btn-area .btn-area-inner li .btn1,
					#seminar1 .btn-area .btn-area-inner li .btn2 {
						height: 13vw;
						padding: 2.6vw 0 0 0;
						}
					}
				#seminar1 .btn-area .btn-area-inner li .btn1 .inner-txt,
				#seminar1 .btn-area .btn-area-inner li .btn2 .inner-txt {
					position: relative;
				}
					#seminar1 .btn-area .btn-area-inner li .btn1 .inner-txt:after,
					#seminar1 .btn-area .btn-area-inner li .btn2 .inner-txt:after {
						background: url("../img/interface.png") no-repeat;
						background-size: 17px;
						content: "";
						height: 22px;
						position: absolute;
						width: 17px;
						left: -28px;
						top: -2px;
					}
						@media screen and (max-width: 750px) {
							#seminar1 .btn-area .btn-area-inner li .btn1 .inner-txt:after,
							#seminar1 .btn-area .btn-area-inner li .btn2 .inner-txt:after {
								background-size: 4vw;
								content: "";
								height: 6vw;
								width: 5vw;
								left: -6vw;
								top: -0.4vw;
								}
							}
			#seminar1 .btn-area .btn-area-inner li .btn2 {
				background: #29AEBD;
				color: #FFF;
			}
				#seminar1 .btn-area .btn-area-inner li .btn2 .inner-txt:after {
					background: url("../img/contract.png") no-repeat;
					background-size: 21px;
					content: "";
					height: 21px;
					width: 21px;
					left: -28px;
					top: -2px;
				}
					@media screen and (max-width: 750px) {
						#seminar1 .btn-area .btn-area-inner li .btn2 .inner-txt:after {
							background-size: 5vw;
							content: "";
							height: 6vw;
							width: 5vw;
							left: -6vw;
							top: -0.4vw;
							}
						}
		@media screen and (max-width: 750px) {
			#seminar1 .btn-area .btn-area-inner li:last-of-type {
				margin: 3vw 0 0;
				}
			}
#seminar1 .sec01 {
	padding: 60px 20px 100px;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 .sec01 {
			padding: 6vw 2vw 30vw;
			min-width: 0;
			}
		}
	#seminar1 .sec01 .ttl-sec {
		font-size: 40px;
		text-align: center;
		margin: 0 0 30px;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec01 .ttl-sec {
				font-size: 6vw;
				margin: 0 0 3vw;
				}
			}
		#seminar1 .sec01 .ttl-sec .inner-txt {
			position: relative;
		}
			#seminar1 .sec01 .ttl-sec .inner-txt:before {
				background: url("../img/deco1.png") no-repeat;
				background-size: 24px;
				content: "";
				height: 38px;
				position: absolute;
				width: 24px;
				left: -32px;
				top: 2px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec01 .ttl-sec .inner-txt:before {
						content: "";
						height: 7vw;
						position: absolute;
						width: 5vw;
						left: -5vw;
						top: 0;
						background-size: 5vw;
						}
					}
			#seminar1 .sec01 .ttl-sec .inner-txt:after {
				background: url("../img/deco2.png") no-repeat;
				background-size: 24px;
				content: "";
				height: 38px;
				position: absolute;
				width: 24px;
				right: -32px;
				top: 2px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec01 .ttl-sec .inner-txt:after {
						content: "";
						height: 7vw;
						position: absolute;
						width: 5vw;
						right: -5vw;
						top: 0;
						background-size: 5vw;
						}
					}
	#seminar1 .sec01 .box {
		background: #F5F5F5;
		font-weight: bold;
		margin: auto;
		padding: 50px 160px;
		position: relative;
		width: 1000px;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec01 .box {
				width: 100%;
				padding: 5vw;
				}
			}
		#seminar1 .sec01 .box:before {
			background: url(../img/human1.png) no-repeat;
			background-size: 77px;
			content: "";
			height: 163px;
			position: absolute;
			width: 77px;
			left: -60px;
			bottom: -50px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec01 .box:before {
					background-size: 10vw;
					content: "";
					height: 21vw;
					position: absolute;
					width: 10vw;
					left: -2vw;
					bottom: -12.6vw;
					}
				}
		#seminar1 .sec01 .box:after {
			background: url(../img/human2.png) no-repeat;
			background-size: 93px;
			content: "";
			height: 161px;
			position: absolute;
			width: 93px;
			right: -60px;
			bottom: -50px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec01 .box:after {
					bottom: -12vw;
					background-size: 12vw;
					width: 12vw;
					right: -1vw;
					height: 21vw;
					}
				}
		#seminar1 .sec01 .box .list li {
			background: url("../img/check.png") left 6px no-repeat;
			background-size: 26px;
			padding: 0px 0 0 35px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec01 .box .list li {
					background: url(../img/check.png) left 1.5vw no-repeat;
					background-size: 5vw;
					padding: 0px 0 0 7vw;
					}
				}
		#seminar1 .sec01 .box .list li:nth-child(2) {
			margin: 10px 0;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec01 .box .list li:nth-child(2) {
					margin: 3vw 0;
					}
				}
#seminar1 .sec02 {
	background: #F5F5F5;
	padding: 60px 20px 100px;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 .sec02 {
			min-width: 0;
			padding: 14vw 0 15vw;
			}
		}
	#seminar1 .sec02 .ttl-sec {
		font-size: 40px;
		text-align: center;
		margin: 0 0 30px;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec02 .ttl-sec {
				font-size: 6vw;
				margin: 0 0 3vw;
				}
			}
		#seminar1 .sec02 .ttl-sec .inner-txt {
			position: relative;
		}
			#seminar1 .sec02 .ttl-sec .inner-txt:before {
				background: url(../img/fukidashi.png) no-repeat;
				background-size: 235px;
				content: "";
				height: 74px;
				position: absolute;
				width: 235px;
				left: 50%;
				margin: 0 0 0 -117px;
				top: -102px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec02 .ttl-sec .inner-txt:before {
						background: url(../img/fukidashi.png) no-repeat;
						background-size: 50vw;
						height: 16vw;
						width: 50vw;
						margin: 0 0 0 -25vw;
						top: -22vw;
						}
					}
	#seminar1 .sec02 .box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari etc. */
		-ms-justify-content: space-between;
		/* IE10        */
		justify-content: space-between;
		margin: 0 0 60px;
	}
		#seminar1 .sec02 .box:nth-child( odd ) {
			flex-direction: row-reverse;
		}
		@media screen and (max-width: 750px) {
			#seminar1 .sec02 .box {
				margin: 0 0 10vw;
				}
			}
			#seminar1 .sec02 .box .txt {
				width: 645px;
			}
			#seminar1 .sec02 .box .txt.l-size {
				width: 100%;
			}
			@media screen and (max-width: 750px) {
				#seminar1 .sec02 .box .txt {
					width: 100%;
					}
				}
			#seminar1 .sec02 .box .txt .txt-point {
				font-size: 29px;
				background: #04447c;
				font-weight: bold;
				display: inline-block;
				box-sizing: border-box;
				padding: 0 30px;
				color: #FFF;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec02 .box .txt .txt-point {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 9;
						font-size: 12px;
						letter-spacing: 1px;
						padding: 2px 16px;
					}
				}
			#seminar1 .sec02 .box .txt .ttl {
				font-size: 24px;
				margin: 30px 0 20px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec02 .box .txt .ttl {
						font-size: 5.2vw;
						margin: 4vw 0 3vw;
						}
					}
			@media screen and (max-width: 750px) {
				#seminar1 .sec02 .box .txt .img-sp {
					width: 100vw;
					margin: 0 0 0 -5vw;
					}
				}
		#seminar1 .sec02 .box .img {
			width: 505px;
			max-width: 100%;
			height: auto;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec02 .inner {
					width: 100vw;
				}
				#seminar1 .sec02 .box {
					flex-direction: column-reverse !important;
				}
				#seminar1 .sec02 .box .txt {
					width: 90vw !important;
					margin: 0 auto;
					padding-top: 10px;
				}
				#seminar1 .sec02 .box .txt.l-size {
					padding-top: 30px;
				}
				#seminar1 .sec02 .box .txt .ttl {
					margin: 2.5vw 0 3vw;
				}
				#seminar1 .sec02 .box .img {
					text-align: center;
					line-height: .5;
				}
			}
	#seminar1 .sec02 .box:last-of-type {
		margin: 0;
	}
#seminar1 .sec03 {
	padding: 100px 20px 80px;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 .sec03 {
			min-width: 0;
			padding: 14vw 0 10vw;
			}
		}
		#seminar1 .sec03 .ttl-sec {
			background: #0881c6;
			color: #FFF;
			text-align: center;
			font-size: 34px;
			margin: 0 0 50px;
			padding: 15px 0;
			position: relative;
		}
		@media screen and (max-width: 750px) {
			#seminar1 .sec03 .ttl-sec {
				font-size: 5vw;
				line-height: 1.4;
				padding: 4vw;
				}
			}
		#seminar1 .sec03 .ttl-sec:after {
			content: "";
			position: absolute;
			right: 0;
			bottom: -24px;
			left: 0;
			width: 0px;
			height: 0px;
			margin: auto;
			border-style: solid;
			border-color: #0881c6 transparent transparent transparent;
			border-width: 25px 15px 0 15px;
		}
		#seminar1 .sec03 .ttl-sec > span {
			font-size: 42px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec03 .ttl-sec > span {
					font-size: 6vw;
					}
				}
	#seminar1 .sec03 .box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		#seminar1 .sec03 .box .box-inner {
			width: 385px;
			background: #F5F5F5;
			position: relative;
			margin: 0 12.5px 15px 0;
			padding: 60px 0 50px;
			text-align: center;
			line-height: 1.6;
		}
		#seminar1 .sec03 .box .box-inner:nth-child( 3n ),
		#seminar1 .sec03 .box .box-inner:last-child {
			margin-right: 0;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec03 .box .box-inner {
					width: 100%;
					padding: 7vw 0;
					margin: 0 0 4vw;
					}
				}
			#seminar1 .sec03 .box .box-inner .txt-number {
				background: #04447c;
				font-weight: bold;
				display: inline-block;
				box-sizing: border-box;
				padding: 0 10px;
				color: #FFF;
				font-size: 28px;
				position: absolute;
				left: 0;
				top: 0;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec03 .box .box-inner .txt-number {
						padding: 1vw 2vw;
						font-size: 5vw;
						}
					}
			#seminar1 .sec03 .box .box-inner .txt-lead {
				font-size: 24px;
				font-weight: bold;
			}
				#seminar1 .sec03 .box .box-inner .txt-lead span {
					color: #29AEBD;
				}
				@media screen and (max-width: 750px) {
					#seminar1 .sec03 .box .box-inner .txt-lead {
						font-size: 5vw;
						}
					}
			#seminar1 .sec03 .box .box-inner .txt-lead strong {
				font-size: 35px;
				font-weight: bold;
				margin: 0;
			}
				#seminar1 .sec03 .box .box-inner .txt-lead strong  > span {
					color: #29AEBD;
				}
				@media screen and (max-width: 750px) {
					#seminar1 .sec03 .box .box-inner .txt-lead strong {
						font-size: 7.5vw;
						}
					}
#seminar1 .sec04 {
	background: #F5F5F5;
	padding: 80px 20px 80px;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 .sec04 {
			min-width: 0;
			padding: 10vw 0 10vw;
			}
		}
	#seminar1 .sec04 .ttl-sec {
		text-align: center;
		font-weight: bold;
		font-size: 40px;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec04 .ttl-sec {
				font-size: 6vw;
				}
			}
		#seminar1 .sec04 .ttl-sec .inner-txt {
			font-size: 45px;
			background: #04447c;
			color: #FFF;
			display: block;
			margin: 40px 0 0 0;
			padding: 5px 0;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .ttl-sec .inner-txt {
					font-size: 6vw;
					line-height: 1.4;
					padding: 4vw;
					margin: 3vw 0 0 0;
					}
				}
		#seminar1 .sec04 .list {
			display: flex;
			align-items: center;
			font-size: 24px;
			position: relative;
			border-bottom: 2px solid #E2E2E2;
		}
		#seminar1 .sec04 .list::after {
			content: '';
			width: 200px;
			height: 2px;
			background: #0881c6;
			position: absolute;
			bottom: -2px;
			left: 0;
		}
		@media screen and (max-width: 750px) {
			#seminar1 .sec04 .list {
				font-size: 4vw;
				}
			}
		#seminar1 .sec04 .list dt {
			font-weight: bold;
			text-align: center;
			width: 200px;
			padding: 20px 0;
			vertical-align: middle;
			display: table-cell;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .list::after {
					width: 25vw;
				}
				#seminar1 .sec04 .list dt {
					width: 25vw;
					padding: 4vw 0;
					}
				}
		#seminar1 .sec04 .list dd {
			width: 980px;
			padding: 20px;
			vertical-align: middle;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .list dd {
					width: 65vw;
					padding: 4vw;
					}
				}
		#seminar1 .sec04 .list:first-of-type {
			margin: 30px 0 0;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .list:first-of-type {
					margin: 5vw 0 0;
					}
				}
		#seminar1 .sec04 .list:last-of-type {
			margin: 0 0 80px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .list:last-of-type {
					margin: 0 0 10vw;
					}
				}
	#seminar1 .sec04 .box {
		background: url("../img/bg_seminar.png") right bottom no-repeat #FFF;
		padding: 25px 30px 30px;
		margin: 70px 0 70px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari etc. */
		-ms-justify-content: space-between;
		/* IE10        */
		justify-content: space-between;
		align-items: flex-end;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec04 .box {
				padding: 5vw 5vw 8vw;
				background: #FFF;
				}
			}
			#seminar1 .sec04 .box .box-left {
				width: 900px;
			}
			#seminar1 .sec04 .box .box-left.l-size {
				width: 100%;
			}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .box .box-left {
					width: 100%;
					}
				}
			#seminar1 .sec04 .box .box-left .flex {
				align-items: flex-end;
				margin-bottom: 12px;
			}
			#seminar1 .sec04 .box .box-left .flex > img {
				width: 135px;
				margin-right: 20px;
			}
			#seminar1 .sec04 .box .box-left .flex .tag {
				font-size: 16px;
				margin-right: 15px;
				background: #0881c6;
				color: #fff;
				padding: 2px 12px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec04 .box .box-left .flex > img {
						width: 117px;
					}
					#seminar1 .sec04 .box .box-left .flex .tag {
						display: none;
					}
					#seminar1 .sec04 .box .box-left .flex .time {
						font-size: 16px;
						transform: translateY( 2px );
					}
				}
			#seminar1 .sec04 .box .box-left .ttl {
				font-size: 24px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec04 .box .box-left .ttl {
						font-size: 5vw;
						line-height: 1.6;
						margin-bottom: 4vw;
						}
					}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .box .box-left .img-sp {
					width: 50vw;
					max-height: 50vw;
					overflow: hidden;
					margin: 0 auto 4vw;
					}
				}
			#seminar1 .sec04 .box .box-left .box-profile {
				background-color: #F9F6F3;
				margin: 10px 0 0 0;
				padding: 20px 30px;
				line-height: 1.4;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec04 .box .box-left .box-profile {
						margin: 3vw 0 0 0;
						padding: 5vw;
						}
					}
				#seminar1 .sec04 .box .box-left .box-profile .subttl {
					font-size: 20px;
					border-bottom: 1px solid #0881c6;
					padding: 0 0 5px;
					margin: 0 0 5px;
				}
					@media screen and (max-width: 750px) {
						#seminar1 .sec04 .box .box-left .box-profile .subttl {
							font-size: 4.5vw;
							}
						}
		#seminar1 .sec04 .box .box-right {
			width: 200px;
			line-height: 0;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .box .box-right {
					display: none;
					}
				}
	#seminar1 .sec04 .box.feature {
		box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.16);
		position: relative;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec04 .box.feature {
				margin: 15vw 0 15vw;
				box-shadow: none;
				}
			}
		#seminar1 .sec04 .box .icon {
			position: absolute;
			left: 0;
			top: -50px;
			width: 187px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec04 .box .icon {
					left: 0;
					top: -11vw;
					/* width: 40vw; */
					line-height: 0;
					width: 40vw;
					}
				}
#seminar1 .sec05 {
	padding: 100px 20px 120px;
	width: 100%;
	min-width: 1220px;
}
	@media screen and (max-width: 750px) {
		#seminar1 .sec05 {
			min-width: 0;
			padding: 10vw 0 10vw;
			}
		}
	#seminar1 .sec05 .ttl-sec {
		text-align: center;
		font-weight: bold;
		font-size: 40px;
        margin-bottom: 30px;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec05 .ttl-sec {
				font-size: 6vw;
				}
			}
	#seminar1 .sec05 .ttl-sec + p {
		text-align: center;
		margin: 10px 0 60px;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec05 .ttl-sec + p {
				margin: 2vw 0 6vw;
				}
			}
	#seminar1 .sec05 .list {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari etc. */
		-ms-justify-content: space-between;
		/* IE10        */
		justify-content: space-between;
	}
		#seminar1 .sec05 .list dt {
			width: 270px;
			background: #04447c;
			color: #FFF;
			font-weight: bold;
			margin: 0 0 35px;
			padding: 20px 30px;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec05 .list dt {
					width: 100%;
					background: #04447c;
					color: #FFF;
					font-weight: bold;
					margin: 0 0 2vw;
					padding: 2vw 4vw;
					font-size: 4vw;
					}
				}
			#seminar1 .sec05 .list dt .required {
				display: none;
			}
			#seminar1 .sec05 .list dt .optional {
				display: none;
			}
			#seminar1 .sec05 .list dt:last-of-type {
				padding: 55px 30px 20px 30px;
			}
			#seminar1 .sec05 .mw_wp_form_preview .list dt:last-of-type {
                min-height: 230px;
			}
				@media screen and (max-width: 750px) {
					#seminar1 .sec05 .list dt:last-of-type {
						padding: 2vw 4vw;
						}
                    #seminar1 .sec05 .mw_wp_form_preview .list dt:last-of-type {
                        min-height: inherit;
                    }
				}
		#seminar1 .sec05 .list .required1::after {
			content: "必須";
			float: right;
			background: #0881c6;
			color: #FFF;
			font-size: 16px;
			display: inline-block;
			font-weight: normal;
			line-height: normal;
			padding: 2px 8px;
			border-radius: 2px;
			margin: 2px 0 0 0;
		}
			@media screen and (max-width: 750px) {
				#seminar1 .sec05 .list .required1::after {
					padding: 3vw 2vw;
					line-height: 0;
					font-size: 4vw;
					margin: 0.5vw 0 0 2vw;
					float: none;
					}
				}
		#seminar1 .sec05 .list dd {
			width: 900px;
			margin: 0 0 35px;
			position: relative;
    	}
        #seminar1 .sec05 .mw_wp_form_preview dd {
            padding-top: 20px;
            padding-left: 20px;
        }
        #seminar1 .sec05 .mw_wp_form_preview dd .person {
            margin-top: -30px;
        }

			@media screen and (max-width: 750px) {
				#seminar1 .sec05 .list dd {
					width: 100%;
					margin: 0 0 8vw;
					font-size: 3.4vw;
				}
                #seminar1 .sec05 .mw_wp_form_preview dd {
                    padding-top: 0px;
                    padding-left: 0px;
                    font-size: 4.0vw;;
                }
                #seminar1 .sec05 .mw_wp_form_preview dd .person {
                    margin-top: 0px;
                }
            }
			#seminar1 .sec05 .list dd input[type="text"],
			#seminar1 .sec05 .list dd input[type="email"],
			#seminar1 .sec05 .list dd input[type="number"],
			#seminar1 .sec05 .list dd input[type="tel"] {
				width: 100%;
				max-width: 100%;
				padding: 10px 30px;
				border: none;
				background: #fafafa;
				-webkit-appearance: none;
				box-sizing: border-box;
				background-color: rgba(68, 68, 68, 0.05);
				height: 71px;
				font-size: 20px;
				font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
			}
			@media screen and (max-width: 750px) {
                #seminar1 .sec05 .list dd input[type="text"],
                #seminar1 .sec05 .list dd input[type="email"],
    			#seminar1 .sec05 .list dd input[type="number"],
                #seminar1 .sec05 .list dd input[type="tel"] {
					    height: 12vw;
					}
				}
            #seminar1 .sec05 .list dd.number_block {
                display: -webkit-flex;
                display:-ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }
            #seminar1 .sec05 .list dd .num {
                -ms-flex-preferred-size: 15%;
                flex-basis: 15%;
            }
			@media screen and (max-width: 750px) {
                #seminar1 .sec05 .list dd .num {
                    -ms-flex-preferred-size: 21%;
                    flex-basis: 21%;
                }
            }
            #seminar1 .sec05 .list dd input#number {
                width: 95%;
                max-width: 134px;
                margin-right: 10px;
            }
            #seminar1 .sec05 .list dd .person {
                -ms-flex-item-align: center;
                align-self: center;
                -ms-flex-preferred-size: 10%;
                flex-basis: 10%;
                text-align: left;
            }
            #seminar1 .sec05 .list dd input.phone {
                width: 22%;
                max-width: 117px;
            }
				#seminar1 .sec05 .list dd input[type="text"]::placeholder,
				#seminar1 .sec05 .list dd input[type="email"]::placeholder,
				#seminar1 .sec05 .list dd input[type="number"]::placeholder,
				#seminar1 .sec05 .list dd input[type="tel"]::placeholder {
					color: #333;
					opacity: 0.7;
					font-size: 16px;
				}
				@media screen and (max-width: 750px) {
					#seminar1 .sec05 .list dd input[type="text"],
					#seminar1 .sec05 .list dd input[type="email"],
        			#seminar1 .sec05 .list dd input[type="number"],
					#seminar1 .sec05 .list dd input[type="tel"] {
						padding: 2vw;
						}
					}
			#seminar1 .sec05 .list dd input.ninzu {
				width: 150px;
				margin: 0 10px 0 0;
			}
			#seminar1 .sec05 .list dd textarea {
				display: block;
				width: 100%;
				max-width: 100%;
				height: 230px;
                min-height: 230px;
				padding: 20px 30px 10px;
				resize: vertical;
				background: #fafafa;
				-webkit-appearance: none;
				border: none;
				box-sizing: border-box;
				font-size: 20px;
				background-color: rgba(68, 68, 68, 0.05);
				font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
			}
				#seminar1 .sec05 .list dd textarea::placeholder {
					color: #333;
					opacity: 0.7;
					font-size: 16px;
				}
				@media screen and (max-width: 750px) {
					#seminar1 .sec05 .list dd textarea {
                        height: 35vw;
                        min-height: 35vw;
						padding: 2vw;
				    }
				}
			#seminar1 .sec05 .list dd .error_blank,
			#seminar1 .sec05 .list dd .error_format,
			#seminar1 .sec05 .list dd .error_match {
				display: block;
				color: #CC0000;
				margin-top: 3px;
			}
			#seminar1 .sec05 .list dd .error_blank {
				color: #CC0000;
				box-sizing: border-box;
				font-size: 12px;
				position: absolute;
				top: 0;
				margin: 0;
				padding: 2px 5px;
				font-weight: bold;
			}
	#seminar1 .sec05 .agreement {
		text-align: center;
		margin: 30px 0 -20px 0;
	}
	#seminar1 .sec05 .mw_wp_form_preview .agreement #agree_check::before {
        content:'\f00c';
        font-family:'Font Awesome 5 Free';
        font-weight:900;
    }
		#seminar1 .sec05 .agreement input {
			margin: 0 5px 0 0;
			position: relative;
			top: -3px;
		}
		#seminar1 .sec05 .agreement .error_check {
			display: none;
			color: #CC0000;
			margin-top: 3px;
		}
	#seminar1 .sec05 .btn-submit {
		margin: 60px 0 0;
	}
		#seminar1 .sec05 .btn-submit input[type="submit"] {
			padding: 0px 0;
			border-radius: 100px;
			box-sizing: border-box;
			background: #29AEBD;
			color: #FFF;
			font-family: inherit;
			-webkit-appearance: none;
			border: none;
			margin: auto;
			width: 410px;
			height: 75px;
			display: block;
			font-size: 20px;
			font-weight: bold;
			transition: .4s;
            cursor: pointer;
		}
         #seminar1 .sec05 .mw_wp_form_preview .btn-submit {
            display: -webkit-flex;
            display:-ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;        
            justify-content: center;
            margin: 60px auto 60px;
            width: 95%;
             max-width: 650px;
        }
		#seminar1 .sec05 .mw_wp_form_preview .btn-submit input[type="submit"] {
            display: inline-block;
            box-sizing: inherit;
            width: inherit;
        }

        #seminar1 .sec05 .mw_wp_form_preview .btn-submit input:first-child {
            background-color: #fff;
            border: 2px solid #29AEBD;
            color: #666;
            margin-right: 20px;
            -ms-flex-preferred-size: 29%;
            flex-basis: 29%;
        }
        #seminar1 .sec05 .mw_wp_form_preview .btn-submit input:last-child {
            -ms-flex-preferred-size: 63%;
            flex-basis: 63%;
        }
			@media screen and (max-width: 750px) {
                seminar1 .sec05 .mw_wp_form_preview .btn-submit {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                }
				#seminar1 .sec05 .btn-submit input[type="submit"] {
					width: 70vw;
					height: 15vw;
					font-size: 5vw;
					}
				}
		#seminar1 .sec05 .btn-submit input:hover[type="submit"] {
			opacity: .5;
		}
	#seminar1 .sec05 .box-kiyaku {
		border: 1px solid #E8E9EC;
		margin: 20px 0 0 0;
		padding: 20px;
		height: 160px;
		overflow: scroll;
	}
		@media screen and (max-width: 750px) {
			#seminar1 .sec05 .box-kiyaku {
				height: 40vw;
				padding: 3vw;
				margin: 5vw 0 0 0;
				}
			}
			#seminar1 .sec05 .box-kiyaku * {
				font-size: 16px;
			}
			#seminar1 .sec05 .box-kiyaku a {
				text-decoration: underline;
			}
			#seminar1 .sec05 .box-kiyaku h1,
			#seminar1 .sec05 .box-kiyaku h2,
			#seminar1 .sec05 .box-kiyaku h3 {
				font-size: 19px;
				font-weight: bold;
				margin: 0 0 15px;
			}
			#seminar1 .sec05 .box-kiyaku h4,
			#seminar1 .sec05 .box-kiyaku h5,
			#seminar1 .sec05 .box-kiyaku h6 {
				font-size: 17px;
				font-weight: bold;
				margin: 0 0 10px;
			}
			#seminar1 .sec05 .box-kiyaku p {
				margin: 0 0 32px;
			}
			#seminar1 .sec05 .box-kiyaku ul {
				list-style: disc;
				margin: 0 0 32px 20px;
			}
			#seminar1 .sec05 .box-kiyaku ol li {
				width: 100%;
				padding: 0 0 32px 20px;
				margin: 0 0 32px 0;
				border-bottom: 1px dotted #333;
				list-style-position: inside;
				box-sizing: border-box;
			}
			@media screen and (max-width: 750px) {
				#seminar1 .sec05 .box-kiyaku * {
					font-size: 15px;
				}
				#seminar1 .sec05 .box-kiyaku p {
					margin: 0 0 3vw;
				}
				#seminar1 .sec05 .box-kiyaku ul {
					margin: 0 0 3vw 20px;
				}
				#seminar1 .sec05 .box-kiyaku ol li {
					padding: 0 0 3vw;
					margin: 0 0 3vw;
					}
				}

	#seminar1 .sec05 .mw_wp_form_complete {
        text-align: center;
        margin-bottom: 100px;
    }
	@media screen and (max-width: 750px) {
        #seminar1 .sec05 .mw_wp_form_complete {
            margin-bottom: 150px;
        }
    }

#seminar1.seminar1-thanks .sec01 .box {
	padding: 50px 140px 30px;
}
#seminar1.seminar1-thanks .sec01 .box p {
	margin-bottom: 2rem;
}
#seminar1.seminar1-thanks .sec01 .box p.btn a {
	padding: 10px 0;
	border-radius: 100px;
	box-sizing: border-box;
	background: #29AEBD;
	color: #FFF;
	font-family: inherit;
	-webkit-appearance: none;
	border: none;
	margin: auto;
	width: 360px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	transition: .4s;
}
#seminar1.seminar1-thanks .sec01 .box:before {
	display: none;
}
	@media screen and (max-width: 750px) {
		#seminar1.seminar1-thanks .sec01 .box {
			padding: 5vw;
			}
			#seminar1.seminar1-thanks .sec01 .box p.btn a {
				width: 70vw;
				height: 15vw;
				font-size: 5vw;
			}
			#seminar1.seminar1-thanks .sec01 .box p.btn a:hover {
				opacity: .5;
			}
		}
	#seminar1.seminar1-thanks .sec01 .box:before {
		content: none;
	}
	#seminar1.seminar1-thanks .sec01 .box:after {
		content: none;
	}

footer {
	text-align: center;
	background: #F5F5F5;
	padding: 10px 0;
}
	footer p {
		font-size: 16px;
	}
		@media screen and (max-width: 750px) {
			footer p {
				font-size: 3.4vw;
				}
			}

.fix-menu {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	width: 153px;
	height: 153px;
}
	@media screen and (max-width: 750px) {
		.fix-menu {
			position: fixed;
			right: 0;
			bottom: 0;
			cursor: pointer;
			width: 100%;
			line-height: 0;
			height: auto;
			}
		}
	.fix-menu a {
		display: block;
	}
