@charset "UTF-8";
body {
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	color:#333333;
	height: auto;
	min-height: calc(100% - 93px);
	position: relative;
	padding-bottom: 93px;
	margin: 0;
}
.rwd-contents {
	padding-bottom: 45px;
}
.font-yugothic {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.nowrap{white-space: nowrap;}
a img{
	border: none;
}
h1,h2,h3,h4{
	margin:0;
	padding:0;
}
.br{
	display:block;
}
h1{ 
	font-size: 100%;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}


/* 全体PC */
@media screen and (min-width: 941px) {
	h2{
		font-size:28px;
		font-weight:normal;
	}
}
/* 全体TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
	h2{
		font-size:22px;
	}
}
/* 全体SP */ 
@media screen and (max-width: 670px) {
	h2{
		font-size:18px;
	}
	body {
		min-height: calc(100% - 108px);
    padding-bottom: 108px;
	}
}

/* onmouseoverはPCのみ */
@media screen and (min-width:970px){
	a:hover img.onmouseover,
	a:active img.onmouseover { display: inline; }
	a:hover img.onmouseout,
	a:active img.onmouseout { display: none; }
}

#header.bp2 {
	padding: 10px 0;
	box-shadow: 0px 1px 10px #0000001A;		
}
#header.bp2 .inside {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1040px;
	padding: 0 20px;
}

/***** ヘッダPC *****/
@media screen and (min-width: 941px) { 
	#header.bp2{
		margin: 0;
		background: #ffffff;
		position: fixed;
		top:0;
		width: 100%;
		z-index: 100;
	}
	#header.bp2 .inside{
		margin: 0px auto;
	}
	#header.bp2 .l p{
		font-size: 11px;
		color: #666666;
		line-height: 1;
	}
	#header.bp2 .target{
		background: #333333;
		color: #ffffff;
		margin: 10px 0 0;
		padding: 3px 0;
		text-align: center;
		font-size: 12px;
	}
}

/* ヘッダTABLET */ 
@media screen and (max-width: 940px) and (min-width: 671px) { 
	#header.bp2{
		margin: 0;
		background: #ffffff;
		border-bottom: 1px solid #cccccc;
		position: fixed;
		top:0;
		width: 100%;
		z-index: 100;		
	}
	#header.bp2 .inside{
		margin: 0px auto;
	}
	#header.bp2 .l p{
		font-size: 11px;
		color: #666666;
		margin: 5px 0 0;
		line-height: 1;
	}
	#header.bp2 .target{
		background: #333333;
		color: #ffffff;
		margin: 10px 0 0;
		padding: 3px 0;
		text-align: center;
		font-size: 12px;
	}
}

/* ヘッダSP */ 
@media screen and (max-width: 670px) { 
	#header.bp2 {
		margin: 0px;
		background: #FFF none repeat scroll 0% 0%;
		border-bottom: 1px solid #CCC;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 100;
	}
	#header.bp2 .target{
		display: none;
	}
}

/* セミナーページ改修　2024.12.12 */
.seminar-wrapper {
	margin-top: 53px;
	font-size: 15px;
}
.seminar-wrapper * {
	box-sizing: border-box;
}
.seminar-wrapper img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.seminar-heading-primary {
	padding-top: 50px;
}
.seminar-mv {
	position: relative;
	background: #DFEDF6;
	height: 325px;
}
.seminar-mv::before {
	position: absolute;
	content: "";
	background: url(/img-dealer/contents/seminar/bp2/mv_back.png) no-repeat right bottom / 59% auto;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.seminar-mv-img {
	width: 420px;
	margin: 0;
	padding-top: 4px;
}
.seminar-mv .seminar-section-inner {
	display: flex;
	justify-content: space-between;
	padding-right: 38px;
}
.seminar-section {
	padding: 58px 0 70px;
}
.seminar-section img {
	width: 100%;
	height: auto;
}
.seminar-section-inner {
	position: relative;
	max-width: 1040px;
	margin: 0 auto;
}
.seminar-contents-heading-secondary {
	margin: 0 auto;
	padding-bottom: 36px;
}
.seminar-contents .seminar-contents-heading-secondary {
	width: 248px;
}
.seminar-archive .seminar-contents-heading-secondary  {
	width: 173px;
}
.seminar-ended .seminar-contents-heading-secondary  {
	width: 196px;
}
.seminar-contents-heading-secondary::after {
	content: "";
	display: block;
	background: rgb(255,134,84);
	background: linear-gradient(90deg, rgba(255,134,84,1) 0%, rgba(249,203,81,1) 100%);
	border-radius: 50px;
	width: 50px;
	height: 5px;
	margin: 20px auto 0 auto;
}

.seminar-contents {
	background: #F6F6F6;
}
.seminar-contents.not_seminar {
	padding: 69px 0 46px;
}
.seminar-contents .seminar-section-body .not {
	width: 558px;
	margin: -64px auto 0 auto;
}

.seminar-contents .seminar-section-body ul li {
	position: relative;
	top: 0;
	left: 0;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	margin: 0 auto 30px auto;
}

.seminar-contents .seminar-section-body ul li:last-child {
	margin: 0 auto;
}

.seminar-contents .seminar-section-body ul li dl {
	display: flex;
	margin: 0;
}

.seminar-contents .seminar-section-body ul li dl dt {
	background: #FFFFFF;
	max-width: 400px;
	width: 40%;
}

.seminar-contents .seminar-section-body ul li dl dd {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #FFFFFF;
	max-width: 600px;
	width: 60%;
	margin: 0;
	padding: 0 38px;
	box-sizing: border-box;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title {
	display: flex;
	border-bottom: 1px dotted #CCCCCC;
	align-items: center;
	padding: 0 0 18px 0;
	margin: 0 0 12px 0;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title .area {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	width: 60px;
	height: 55px;
	box-sizing: border-box;
	margin: 0 16px 0 0;
	flex-shrink: 0;
}
.seminar-contents .seminar-section-body ul li dl dd .min_title .area.area_color01 {
	border: 1px solid #00A0E9;
	color: #00A0E9;
}
.seminar-contents .seminar-section-body ul li dl dd .min_title .area.area_color02 {
	border: 1px solid #90CF98;
	color: #90CF98;
}
.seminar-contents .seminar-section-body ul li dl dd .min_title .area.area_color03 {
	border: 1px solid #BBA8D9;
	color: #BBA8D9;
}
.seminar-contents .seminar-section-body ul li dl dd .min_title .area.area_color04 {
	border: 1px solid #EDAF4D;
	color: #EDAF4D;
}
.seminar-contents .seminar-section-body ul li dl dd .min_title .text {
	flex-shrink: 1;
}
.seminar-contents .seminar-section-body ul li dl dd .min_title .text strong {
	font-size: 20px;
	font-weight: normal;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title .text p {
	display: flex;
	align-items: center;
	font-size: 16px;
	margin: 2px 0 0 0;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title .text p em {
	font-style: normal;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title .text p span {
	display: flex;
	font-size: 12px;
	color: #AAAAAA;
	margin: 0 10px 0 16px;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title .text p span img {
	width: 12px;
	margin: 0 5px 0 0;
}

.seminar-contents .seminar-section-body ul li dl dd .min_title .text p a {
	position: relative;
	top: 0;
	left: 0;
	font-size: 12px;
	z-index: 10;
}

.seminar-contents .seminar-section-body ul li dl dd .min_box p {
	font-size: 15px;
}

.seminar-contents .seminar-section-body ul li dl dd .min_box strong {
	font-size: 20px;
}

.seminar-contents .seminar-section-body ul li a.base_link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.seminar-archive {
	background: #F5E8D5;
}

.seminar-archive .seminar-section-body {
	margin: -4px 0 0 0;
}

.seminar-archive .seminar-section-body ul {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 2.75%;
}

.seminar-archive .seminar-section-body ul li {
	width: 31.5%;
	max-width: 315px;
}

.seminar-archive .seminar-section-body ul li a {
	display: block;
	color: #333333;
}

.seminar-archive .seminar-section-body ul li a span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: #FFFFFF;
	width: 100%;
}

.seminar-archive .seminar-section-body ul li a span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img-dealer/contents/seminar/bp3/movie_icon_top.png) no-repeat left top;
	background-size: 55px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.seminar-archive .seminar-section-body ul li a strong {
	display: block;
	font-size: 16px;
	line-height: 1.56;
	margin: 15px 0 0 0;
}

.seminar-ended {
	background: #F6F6F6;
}
.seminar-ended.seminar-section {
	padding: 69px 0 46px;
}

.seminar-ended .seminar-section-body {
	margin: -3px 0 0 0;
}

.seminar-ended .seminar-section-body ul {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 2.75%;
}

.seminar-ended .seminar-section-body ul li {
	width: 31.5%;
	max-width: 315px;
}

.seminar-ended .seminar-section-body ul li a {
	display: block;
	color: #333333;
}

.seminar-ended .seminar-section-body ul li a span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: #FFFFFF;
	width: 100%;
}

.seminar-ended .seminar-section-body ul li a span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(85,83,83,0.3);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.seminar-ended .seminar-section-body ul li a strong {
	display: block;
	font-size: 16px;
	line-height: 1.56;
	margin: 15px 0 0 0;
}


@media screen and (min-width: 941px) {
	.seminar-contents .seminar-section-body ul li,
	.seminar-archive .seminar-section-body ul li a span,
	.seminar-archive .seminar-section-body ul li a:hover span img,
	.seminar-archive .seminar-section-body ul li a:hover span:before,
	.seminar-ended .seminar-section-body ul li a span {
		transition: opacity 0.2s,box-shadow 0.2s;
	}
	.seminar-contents .seminar-section-body ul li:hover {
		opacity: 0.7;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.35);
	}

	.seminar-archive .seminar-section-body ul li a:hover span img,
	.seminar-archive .seminar-section-body ul li a:hover span:before {
		opacity: 0.7;
	}

	.seminar-ended .seminar-section-body ul li a:hover span {
		opacity: 0.7;
	}
	.seminar-section-inner {
		padding: 0 20px;
	}
}

@media screen and (max-width: 940px) {
	.seminar-mv {
		overflow: hidden;
	}
	.seminar-contents .seminar-section-body ul li dl dt,
	.seminar-archive .seminar-section-body ul li,
	.seminar-ended .seminar-section-body ul li {
		max-width: none;
	}
	
}

@media screen and (min-width: 671px) and (max-width: 940px) {
	.seminar-mv {
		height: 273px;
	}
	.seminar-mv::before {
		background: url(/img-dealer/contents/seminar/bp2/mv_back.png) no-repeat right bottom / cover;
		left: 23.5vw;
		width: 773px;
	}
	.seminar-mv .seminar-section-inner {
		padding: 0 0 0 40px;
		position: relative;
	}
	.seminar-mv-img {
		width: 320px;
		margin: 0;
		padding-top: 29px;
		position: absolute;
		right: 0;
	}
	.seminar-heading-primary {
		padding-top: 32px;
		position: relative;
		z-index: 2;
	}
	.seminar-contents .seminar-section-body ul li {
		box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
		width: 52%;
		margin: 0 auto 22px auto;
	}

	.seminar-contents {
		padding: 69px 0 77px;
	}
	
	.seminar-contents .seminar-section-body ul li dl {
		display: block;
	}
	
	.seminar-contents .seminar-section-body ul li dl dt {
		width: 100%;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd {
		width: 100%;
		padding: 22px 20px 24px 20px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title {
		align-items: flex-start;
		padding: 0 0 11px 0;
		margin: 0 0 8px 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .area {
		font-size: 16px;
		width: 60px;
		height: 55px;
		margin: 0 16px 0 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text strong {
		font-size: 20px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p {
		flex-wrap: wrap;
		font-size: 16px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p em {
		width: 100%;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p span {
		font-size: 12px;
		margin: 0 10px 0 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p span img {
		width: 12px;
		margin: 0 5px 0 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p a {
		font-size: 12px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_box p {
		line-height: 1.733;
		margin: 0 0 4px 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_box strong {
		line-height: 1.4;
	}
	
	.seminar-archive .seminar-section-body ul {
		justify-content: space-between;
		gap: 24px 2.6%;
		width: 86.4%;
		margin: 0 auto;
	}
	
	.seminar-archive .seminar-section-body ul li {
		width: 47.4%;
	}
	
	.seminar-archive .seminar-section-body ul li a span:before {
		background: url(/img-dealer/contents/seminar/bp3/movie_icon_top.png) no-repeat left top;
		background-size: 17.46%;
	}
	
	.seminar-archive .seminar-section-body ul li a strong {
		line-height: 1.56;
		margin: 15px 0 0 0;
	}
	
	.seminar-ended .seminar-section-body ul {
		justify-content: space-between;
		gap: 24px 2.6%;
		width: 86.4%;
		margin: 0 auto;
	}
	
	.seminar-ended .seminar-section-body ul li {
		width: 47.4%;
	}
	
	.seminar-ended .seminar-section-body ul li a strong {
		line-height: 1.56;
		margin: 15px 0 0 0;
	}
}

@media screen and (max-width: 670px) {
	.seminar-mv {
		height: auto;
	}
	.seminar-mv::before {
		background: url(/img-dealer/contents/seminar/bp2/mv_back_sp.png) no-repeat center bottom / cover;
		left: 43%;
		right: auto;
		transform: translateX(-50%);
		width: 663px;
		bottom: -3px;
	}
	.seminar-mv .seminar-section-inner {
		padding: 14px 20px 0;
		flex-direction: column;
	}
	.seminar-heading-primary {
		padding-top: 0;
	}
	.seminar-mv-img {
		width: 100%;
		margin: 10px 0 0;
		padding: 0 30px;
	}
	.seminar-section {
		padding: 50px 0 50px;
	}
	.seminar-contents .seminar-contents-heading-secondary {
		width: 218px;
	}
	.seminar-archive .seminar-contents-heading-secondary  {
		width: 153px;
	}
	.seminar-ended .seminar-contents-heading-secondary  {
		width: 173px;
	}
	.not_seminar .seminar-section-inner {
		padding: 0;
	}
	.seminar-section-inner {
		padding: 0 20px;
	}
	.seminar-contents {
		padding: 50px 0 32px;
	}
	.seminar-contents .seminar-section-body .not {
		width: 100%;
		margin-top: -36px;
	}
	.seminar-contents .seminar-section-body ul {
		margin: -6px 0 0 0;
	}
	.seminar-contents .seminar-section-body ul li {
		box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
		width: 100%;
		margin: 0 auto 22px auto;
	}
	
	.seminar-contents .seminar-section-body ul li dl {
		display: block;
	}
	
	.seminar-contents .seminar-section-body ul li dl dt {
		width: 100%;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd {
		width: 100%;
		padding: 26px 18px 20px 18px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title {
		align-items: flex-start;
		padding: 0 0 11px 0;
		margin: 0 0 13px 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .area {
		font-size: 16px;
		width: 60px;
		height: 55px;
		margin: 0 16px 0 0;
	}
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text strong {
		font-size: 18px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p {
		flex-wrap: wrap;
		font-size: 15px;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p em {
		width: 100%;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p span {
		font-size: 12px;
		margin: 0 10px 0 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p span img {
		width: 12px;
		margin: 0 5px 0 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_title .text p a {
		font-size: 12px;
		margin: 0 0 0 18px;
	}

	.seminar-contents .seminar-section-body ul li dl dd .min_box p {
		font-size: 15px;
		line-height: 1.6;
		margin: 0 0 6px 0;
	}
	
	.seminar-contents .seminar-section-body ul li dl dd .min_box strong {
		font-size: 18px;
		line-height: 1.444;
	}

	.seminar-ended .seminar-section-body ul,
	.seminar-archive .seminar-section-body ul {
		display: block;
		gap: 0;
		width: 100%;
		margin: 0 auto;
	}
	
	.seminar-ended .seminar-section-body ul {
		margin: -3px auto 0 auto;
	}
	
	.seminar-archive .seminar-section-body ul li {
		width: 100%;
		margin: 0 auto 20px auto;
	}
	
	.seminar-ended .seminar-section-body ul li {
		width: 100%;
		margin: 0 auto 18px auto;
	}
	.seminar-ended .seminar-section-body ul li:last-child,
	.seminar-archive .seminar-section-body ul li:last-child {
		margin: 0 auto;
	}
	
	.seminar-archive .seminar-section-body ul li a span:before {
		background: url(/img-dealer/contents/seminar/bp3/movie_icon_top.png) no-repeat left top;
		background-size: 17.46%;
	}
	
	.seminar-ended .seminar-section-body ul li a strong,
	.seminar-archive .seminar-section-body ul li a strong {
		font-size: 15px;
		margin: 15px 0 0 0;
	}
	.seminar-ended.seminar-section {
		padding: 50px 0 46px;
	}
}

/***** セミナー詳細ページ *****/
.seminar-fv {
	background: #F4E9D5;
	width: 100%;
	padding: 50px 0 49px 0;
	overflow: hidden;
}
.seminar-fv .seminar-section-inner .img {
	position: absolute;
	bottom: -50px;
	right: -480px;
	width: 627px;
	margin: 0;
}
.seminar-fv dl {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}
.seminar-fv dl dt {
	width: 45%;
	max-width: 450px;
	padding: 2px 0 0 0;
}
.seminar-fv dl dt a,.seminar-fv dl dt span {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	background: #FFFFFF;
}
.seminar-fv dl dt a::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/img-dealer/contents/seminar/bp3/movie_icon.png) no-repeat center center;
	background-size: 84px auto;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.seminar-fv dl dt span::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(85,83,83,0.3);
	width: 100%;
	height: 100%;
}
.seminar-fv dl dd {
	width: 50%;
	max-width: 500px;
	
}
.seminar-fv dl dd .title {
	margin: 0 0 20px 0;
}
.seminar-fv dl dd .title strong {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.625;
	margin: 0 0 9px 0;
}

.seminar-fv dl dd .title h2 {
	font-weight: bold;
	font-size: 20px;
}
.seminar-fv dl dd table {
	border-top: 1px dotted #AAAAAA;
	width: 100%;
	margin: 0 0 18px 0;
}
.seminar-fv dl dd table tr {
	
}
.seminar-fv dl dd table tr th {
	border-bottom: 1px dotted #AAAAAA;
	width: 73px;
	padding: 10px 0 8px 8px;
	box-sizing: border-box;
}
.seminar-fv dl dd table tr th p {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.seminar-fv dl dd table tr th p span {
	
}
.seminar-fv dl dd table tr td {
	border-bottom: 1px dotted #AAAAAA;
	padding: 10px 0 8px 17px;
	box-sizing: border-box;
}
.seminar-fv dl dd table tr td p {
	font-size: 16px;
	margin: 0;
}
.seminar-fv dl dd table tr td p span {
	display: block;
	color: #999999;
	font-size: 12px;
}
.seminar-fv dl dd .link {
	display: flex;
	flex-direction: column;
	justify-items: baseline;
}
.seminar-fv dl dd .link .co-clf {
	margin: 0;
}
.seminar-fv dl dd .link .co-clf a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 19px;
	width: 248px;
	height: 43px;
}
.seminar-detail_link .seminar_link .co-clf.desable_link,
.seminar-fv dl dd .link .co-clf.desable_link {
	cursor: default;
	border-color: #DADADA;
}
.seminar-detail_link .seminar_link .co-clf.desable_link span,
.seminar-fv dl dd .link .co-clf.desable_link span {
	border-color: #FFFFFF;
}
.seminar-detail_link .seminar_link .co-clf.desable_link a,
.seminar-fv dl dd .link .co-clf.desable_link a {
	background: #F3F4F8;
	color: #AAAAAA;
	pointer-events: none;
}

.seminar-fv .co-001g,
.seminar-detail_link .co-001g {
	font-size: 14px;
	margin-top: 14px;
}
.seminar-detail {
	background: #F6F6F6;
	padding: 51px 0 30px 0;
}
.seminar-detail .block01 {
	margin: 0 0 47px 0;
}
.seminar-detail .block01 h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.seminar-detail .block01 p {
	font-size: 15px;
	line-height: 2.0;
}
.seminar-detail .block_area {
	background: #FFFFFF;
	margin: 0 0 20px 0;
}
.seminar-detail .block_area dl {
	display: flex;
}
.seminar-detail .block_area dl dt {
	position: relative;
	top: 0;
	left: 0;
	width: 29%;
	max-width: 290px;
	box-sizing: border-box;
	padding: 15px 0 15px 30px;
}
.seminar-detail .block_area dl dt:after {
	content: '';
	display: block;
	border-right: 1px dashed #AAAAAA;
	position: absolute;
	top: 15px;
	right: 3px;
	width: 1px;
	height: calc(100% - 30px);
}
.seminar-detail .block_area dl dt p {
	display: flex;
	align-items: end;
}
.seminar-detail .block_area dl dt p strong img {
	padding: 0 0 5px 0;
}
.seminar-detail .block02 dl dt span {
	display: block;
	width: 40px;
}
.seminar-detail .block02 dl dt span img {
	width: 29px;
}
.seminar-detail .block02 dl dt strong img {
	width: 174px;
}
.seminar-detail .block03 dl dt span {
	display: block;
	width: 48px;
}
.seminar-detail .block03 dl dt span img {
	width: 37px;
}
.seminar-detail .block03 dl dt strong img {
	width: 93px;
}
.seminar-detail .block04 dl dt span {
	display: block;
	width: 62px;
}
.seminar-detail .block04 dl dt span img {
	width: 52px;
}
.seminar-detail .block04 dl dt strong img {
	width: 53px;
}

.seminar-detail .block_area dl dd {
	width: 71%;
	max-width: 710px;
	box-sizing: border-box;
	padding: 27px 30px 24px 32px;
	margin: 0;
}
.seminar-detail .block01 h1,
.seminar-detail .block04 dl dd .text h1,
.seminar-detail .block_area dl dd .edit_area h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.875;
	margin: 0 0 3px 0;
}
.seminar-detail .block_area dl dd .edit_area p {
	font-size: 15px;
	line-height: 2;
}
.seminar-detail .block01 ul,
.seminar-detail .block04 dl dd .text ul,
.seminar-detail .block_area dl dd .edit_area ul {
	font-size: 15px;
	line-height: 2.26;
}
.seminar-detail .block01 ul li,
.seminar-detail .block04 dl dd .text ul li,
.seminar-detail .block_area dl dd .edit_area ul li {
	position: relative;
	padding: 0 0 0 15px;
}
.seminar-detail .block01 ul li:before,
.seminar-detail .block04 dl dd .text ul li:before,
.seminar-detail .block_area dl dd .edit_area ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.seminar-detail .block01 ul li li:before,
.seminar-detail .block04 dl dd .text ul li li:before,
.seminar-detail .block_area dl dd .edit_area ul li li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.seminar-detail .block01 ol,
.seminar-detail .block04 dl dd .text ol,
.seminar-detail .block_area dl dd .edit_area ol {
	font-size: 15px;
	line-height: 2.26;
	counter-reset: number 0;
	padding: 0;
	margin: 0;
}
.seminar-detail .block01 ol li,
.seminar-detail .block04 dl dd .text ol li,
.seminar-detail .block_area dl dd .edit_area ol li {
	position: relative;
	padding: 0 0 0 15px;
}
.seminar-detail .block01 ol li:before,
.seminar-detail .block04 dl dd .text ol li:before,
.seminar-detail .block_area dl dd .edit_area ol li:before {
	position: absolute;
	top: 0;
	left: 0;
	counter-increment: number 1;
  content: counter(number) " "; 
}
.seminar-detail .block01 ol li li:before,
.seminar-detail .block04 dl dd .text ol li li:before,
.seminar-detail .block_area dl dd .edit_area ol li li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}
.seminar-detail .block01 li p,
.seminar-detail .block04 dl dd .text li p,
.seminar-detail .block_area dl dd .edit_area li p {
	margin: 0;
}
.seminar-detail .block04 dl dd .staff {
	display: flex;
	align-items: center;
	padding: 4px 0 0 0;
	margin: 0 0 15px 0;
}
.seminar-detail .block04 dl dd .staff h1 {
	font-size: 15px;
}
.seminar-detail .block04 dl dd .staff p {
	font-size: 15px;
	margin: 0 0 0 12px;
}
.seminar-detail .block04 dl dd .text {
	
}
.seminar-detail .block04 dl dd .text p {
	font-size: 15px;
	line-height: 2;
}
.seminar-detail_link {
	position: relative;
	top: 0;
	left: 0;
	background: #DFEDF6;
	width: 100%;
	overflow: hidden;
}
.seminar-detail_link .img1 {
	position: absolute;
	bottom: -70px;
	left: -227px;
	width: 586px;
	margin: 0;
}
.seminar-detail_link .img2 {
	position: absolute;
	bottom: -58px;
	right: -131px;
	width: 414px;
	margin: 0;
}

.seminar-detail_link .seminar_link {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.seminar-detail_link .seminar_link .co-clf a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 19px;
	width: 248px;
	height: 43px;
}

.seminar-detail_link .seminar_link strong {
	display: block;
	width: 237px;
	margin: 5px auto 22px auto;
}


@media screen and (min-width: 941px) {
	.seminar-fv dl dt a,.seminar-fv dl dt span,.seminar-fv dl dt a img,.seminar-fv dl dt a:before {
		transition: opacity 0.2s;
	}
	.seminar-fv dl dt a:hover img,
	.seminar-fv dl dt a:hover:before {
		opacity: 0.7;
	}
}

@media screen and (min-width: 671px) and (max-width: 940px) {

}

@media screen and (max-width: 940px) {
	.seminar-fv {
		padding: 28px 0 30px 0;
	}
	.seminar-fv dl dt a::before {
		background-size: 18.666% auto;
	}
	.seminar-fv .seminar-section-inner .img {
		bottom: -30px;
		right: -310px;
		width: 588px;
	}
	.seminar-fv dl {
		display: block;
		width: 69%;
		margin: 0 auto;
	}
	.seminar-fv dl dt {
		width: 85%;
		max-width: 450px;
		margin: 0 auto 20px auto;
	}
	.seminar-fv dl dd {
		width: 100%;
		max-width: 530px;
		margin: 0;
	}
	.seminar-fv dl dd .title {
		margin: 0 0 16px 0;
	}
	.seminar-fv dl dd table {
		margin: 0 0 28px 0;
	}
	.seminar-fv dl dd table tr th {
		padding: 9px 0 8px 8px;
	}
	.seminar-fv dl dd table tr td {
		padding: 9px 0 8px 13px;
	}
	.seminar-fv dl dd .link {
		align-items: center;
		justify-content: center;
	}
	.seminar-fv .co-001g,
	.seminar-detail_link .co-001g {
		font-size: 12px;
	}
	.seminar-detail {
		padding: 52px 0 30px 0;
	}
	.seminar-detail .seminar-section-inner {
		width: 89.5%;
	}
	.seminar-detail .block01 {
		margin: 0 0 47px 0;
	}
	.seminar-detail .block_area dl {
		display: block;
		padding: 15px 30px 16px 30px;
	}
	.seminar-detail .block_area dl dt {
		border-bottom: 1px dashed #AAAAAA;
		width: 100%;
		max-width: none;
		padding: 0 0 1px 0;
		margin: 0 0 18px 0;
	}
	.seminar-detail .block_area dl dt:after {
		display: none;
	}

	.seminar-detail .block_area dl dd {
		width: 100%;
		max-width: none;
		padding: 0;
		margin: 0;
	}
	.seminar-detail .block_area dl dd .edit_area h1 {
		margin: 0 0 1px 0;
	}
	.seminar-detail .block04 dl dd .staff {
		display: flex;
		align-items: center;
		margin: 0 0 15px 0;
	}
	.seminar-detail .block04 dl dd .staff h1 {
		font-size: 15px;
	}
	.seminar-detail .block04 dl dd .staff p {
		font-size: 15px;
		margin: 0 0 0 12px;
	}
	.seminar-detail .block04 dl dd .text {
		
	}
	.seminar-detail .block04 dl dd .text p {
		font-size: 15px;
		line-height: 2;
	}
	.seminar-detail_link {
		position: relative;
		top: 0;
		left: 0;
		background: #DFEDF6;
	}
	.seminar-detail_link .img1 {
		bottom: -70px;
		left: -24px;
		width: 396px;
	}
	.seminar-detail_link .img2 {
		bottom: -70px;
		right: -30px;
		width: 282px;
	}

	.seminar-detail_link .seminar_link {
	
	}

	.seminar-detail_link .seminar_link strong {
		margin: 0 0 16px 0;
	}

}

@media screen and (max-width: 670px) {
	.seminar-fv {
		padding: 0 0 28px 0;
	}
	.seminar-fv .seminar-section-inner {
		padding: 0;
	}
	.seminar-fv .seminar-section-inner .img {
		bottom: -30px;
		right: -158px;
		width: 351px;
	}
	.seminar-fv dl {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.seminar-fv dl dt {
		width: 100%;
		max-width: none;
		margin: 0 auto 29px auto;
	}
	.seminar-fv dl dd {
		width: 100%;
		max-width: 530px;
		margin: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.seminar-fv dl dd .title {
		margin: 0 0 15px 0;
	}
	.seminar-fv dl dd .title strong {
		font-size: 15px;
		margin: 0 0 11px 0;
	}
	
	.seminar-fv dl dd .title h2 {
		font-size: 18px;
	}
	.seminar-fv dl dd table {
		margin: 0 0 28px 0;
	}
	.seminar-fv dl dd table tr th {
		width: 65px;
		padding: 10px 0 9px 5px;
	}
	.seminar-fv dl dd table tr th p {
		font-size: 15px;
	}
	.seminar-fv dl dd table tr td {
		padding: 10px 0 9px 12px;
	}
	.seminar-fv dl dd table tr td p {
		font-size: 15px;
		margin: 0;
	}
	.seminar-fv dl dd .link {
		display: flex;
		justify-content: center;
	}
	.seminar-detail {
		padding: 32px 0 10px 0;
	}
	.seminar-detail .seminar-section-inner {
		width: 100%;
	}
	.seminar-detail .block01 {
		margin: 0 0 28px 0;
	}
	.seminar-detail .block_area dl {
		padding: 14px 20px 16px 20px;
	}
	.seminar-detail .block_area dl dt {
		padding: 0 0 8px 0;
		margin: 0 0 13px 0;
	}
	.seminar-detail .block_area dl dt p {
		margin: 0;
	}
	.seminar-detail .block_area dl dt p strong {
		font-size: 18px;
	}
	.seminar-detail .block02 dl dt span {
		width: 32px;
	}
	.seminar-detail .block02 dl dt span img {
		width: 24px;
	}
	.seminar-detail .block02 dl dt strong img {
		width: 157px;
	}
	.seminar-detail .block03 dl dt span {
		width: 46px;
	}
	.seminar-detail .block03 dl dt span img {
		width: 39px;
		padding: 0 0 0 8px;
	}
	.seminar-detail .block03 dl dt strong img {
		width: 88px;
	}
	.seminar-detail .block04 dl dt {
		padding: 10px 0 8px 0;
	}
	.seminar-detail .block04 dl dt span {
		width: 50px;
	}
	.seminar-detail .block04 dl dt span img {
		width: 41px;
	}
	.seminar-detail .block04 dl dt strong img {
		width: 54px;
	}
	.seminar-detail .block_area dl dd .edit_area h1 {
		font-size: 15px;
	}
	.seminar-detail .block04 dl dd .staff {
		display: block;
		margin: 0 0 15px 0;
	}
	.seminar-detail .block04 dl dd .staff h1 {
		font-size: 15px;
	}
	.seminar-detail .block04 dl dd .staff p {
		font-size: 15px;
		margin: 0;
	}
	.seminar-detail .block04 dl dd .text {
		
	}
	.seminar-detail .block04 dl dd .text p {
		font-size: 15px;
		line-height: 2;
	}
	.seminar-detail_link {
		position: relative;
		top: 0;
		left: 0;
		padding: 33px 0 138px 0;
	}
	.seminar-detail_link .img1 {
		display: none;
	}
	.seminar-detail_link .img2 {
		bottom: -138px;
		left: -10px;
		right: auto;
		width: 375px;
	}

	.seminar-detail_link .seminar_link {
	
	}

	.seminar-detail_link .seminar_link strong {
		width: 194px;
		margin: 5px auto 18px auto;
	}
}


/***** フッター *****/
#footer{
	width: 100%;
	background: #f1f1f1;
	border-top: 1px solid #cccccc;
	text-align: center;
	box-sizing: border-box;
	padding: 20px;
	position: absolute;
	bottom: 0;
}
#footer a{
	display: inline-block;
	margin: 0 10px 0;
}
#footer .copy{
	color: #666666;
	font-size: 11px;
	margin: 20px 0 0;
	padding: 0;
}

/* スマホ */
@media screen and (max-width: 670px) {
#footer{
	padding: 20px 5px 20px;
	font-size: 12px;
}
#footer a{
	display: block;
	text-align: left;
	float: left;
	margin-right: 10px;
}
#footer .a-indent{
	width:10em;
}
}



/* 申込み用フォーム
-------------------------------------------------------------------------- */
/***** フォーム用　共通 *****/
#footer.bp2_form { margin-top: 60px;}

/* 特別開催セミナー
-------------------------------------------------------------------------- */
#special-offer-seminar,
#special-offer-seminar * { box-sizing: border-box; }
#special-offer-seminar p { margin-bottom: 0; }
#special-offer-seminar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 96%;
	max-width: 1080px;
	margin: 40px auto 20px;
	padding: 10px 30px;
	background: url('/img-dealer/contents/seminar/bp2/special_offer_back.jpg') center center no-repeat;
	background-size: cover;
	color: #ffffff;
}
/* メダル */
#special-offer-seminar > p {
	flex-basis: 105px;
	height: 130px;
	background: url('/img-dealer/contents/seminar/bp2/special_offer_medal.png') center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -400px;
	margin: -70px 0 0 -14px;
}
/* 開催地 */
#special-offer-seminar .special-offer-info {
	flex-grow: 2;
	display: flex;
	justify-content: space-around;
}
#special-offer-seminar .special-offer-ttl {
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin: 10px 20px -5px 10px;
	white-space: nowrap;
}
#special-offer-seminar .special-offer-ttl p:first-child {
	font-size: 23px;
	letter-spacing: 2px;
}
#special-offer-seminar .special-offer-ttl p:last-child { font-size: 40px; }
#special-offer-seminar .special-offer-ttl .special-offer-place {
	font-size: 77px;
	vertical-align: 4px;
}
/* 開催日時、会場 */
#special-offer-seminar .special-offer-date {
	white-space: nowrap;
	border-right: 1px #ffffff solid;
	margin-right: 30px;
	padding-top: 17px;
}
#special-offer-seminar .special-offer-date dl { display: flex; }
#special-offer-seminar .special-offer-date dl,
#special-offer-seminar .special-offer-date dd { margin: 0; }
#special-offer-seminar .special-offer-date dt {
	flex-basis: 2.5em;
	background-color: #ffffff;
	color: #333333;
	padding: 2px 2px 0;
	align-self: flex-start;
	text-align: center;
	font-size: 14px;
	margin-bottom: 8px;
}
#special-offer-seminar .special-offer-date dd {
	padding: 3px 15px;
	font-size: 16px;
}
#special-offer-seminar .special-offer-date dl:first-child dd p:first-child {
	font-size: 25px;
	line-height: 1.2;
	margin-top: -23px;
}
#special-offer-seminar .special-offer-date dl:first-child dd p:first-child span {
	font-size: 44px;
	margin: 0 5px;
}
/* 講師、申し込み */
#special-offer-seminar .special-offer-apply { white-space: nowrap; }
#special-offer-seminar .special-offer-apply p { margin-bottom: 18px; }
#special-offer-seminar .special-offer-apply p span { display: block; }
#special-offer-seminar .special-offer-apply p span:before { content: '【'; }
#special-offer-seminar .special-offer-apply .co-btn input {
	padding-left: 20px;
	padding-right: 20px;
}
#special-offer-seminar .special-offer-apply p span:after { content: '】'; }
/* TAB/SP */
@media screen and (max-width: 940px) {
	/* 開催地 */
	#special-offer-seminar .special-offer-ttl p:first-child {
		font-size: 17px;
		letter-spacing: 0;
	}
	#special-offer-seminar .special-offer-ttl p:last-child { font-size: 34px; }
	#special-offer-seminar .special-offer-ttl .special-offer-place { font-size: 60px; }
	/* 開催日時、会場 */
	#special-offer-seminar .special-offer-date {
		margin: 5px 15px 0 0;
		padding-top: 16px;
	}
	#special-offer-seminar .special-offer-date dt { font-size: 13px; }
	#special-offer-seminar .special-offer-date dd { font-size: 14px; }
	#special-offer-seminar .special-offer-date dl:first-child dd p:first-child {
		font-size: 18px;
		margin-top: -14px;
	}
	#special-offer-seminar .special-offer-date dl:first-child dd p:first-child span { font-size: 30px; }
}
/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
	#special-offer-seminar { padding: 10px 15px; }
	/* メダル */
	#special-offer-seminar > p {
		margin: -45px 0 0 -5px;
		flex-basis: 65px;
	}
	/* 開催地 */
	#special-offer-seminar .special-offer-ttl { margin-right: 10px; }
}
/* SP */
@media screen and (max-width: 670px) {
	#special-offer-seminar {
		flex-wrap: wrap;
		padding: 20px 15px;
		margin-top: 0;
	}
	/* メダル */
	#special-offer-seminar > p {
		margin: 0;
		flex-basis: 65px;
		height: 100px;
	}
	/* 開催地 */
	#special-offer-seminar .special-offer-ttl { margin-right: 0; }
	/* 開催日時、会場 */
	#special-offer-seminar .special-offer-info { flex-wrap: wrap; }
	#special-offer-seminar .special-offer-date {
		margin-right: 0;
		border: 0;
	}
	#special-offer-seminar .special-offer-date dd { padding-right: 0; }
	/* 講師、申し込み */
	#special-offer-seminar .special-offer-apply { flex-basis: 19.6em; }
	#special-offer-seminar .special-offer-apply p { margin: 10px 0; }
	#special-offer-seminar .special-offer-apply p span { display: inline; }
	#special-offer-seminar .special-offer-apply p span:before { content: ''; }
	#special-offer-seminar .special-offer-apply p span:after { content: '：'; }
	#special-offer-seminar .special-offer-apply form { text-align: center; }
}


#modal {
	align-items: center;
	justify-content: center;
}

.modalContent {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 0;
	border: 1px solid #888;
	animation: fadeIn 0.7s ease 0s 1 normal;
	position: relative;
	width: 90%;
	aspect-ratio: 16 / 9;
	max-width: 1000px;
}
.modalContent iframe {
	position: absolute;
	border: 0;
	width: 100%;
	height: 100%;
}
button.closeBtn {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	cursor: pointer;
	line-height: 1;
	width: 1.6rem;
	height: 0.2rem;
	background: currentColor;
	border-radius: 0.1rem;
	position: absolute;
	transform: rotate(45deg);
	border: none;
	right: -35px;
	top: 7px;
	opacity: 0.6;
	transition: 0.2s ease-in-out;
}
button.closeBtn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	transform: rotate(90deg);
}
button.closeBtn:hover {
	opacity: 1;
}
@keyframes fadeIn {
0% {
	opacity: 0;
	transform: translateY(30px);
}
100% {
	opacity: 1;
}
}

@keyframes fadeOut {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
	transform: translateY(60px);
}
}

@media screen and (max-width: 670px) {
	button.closeBtn {
		right: 0;
		top: -20px;
	}
}